h2 { font-family: 'Raleway', sans-serif; }
h2.underline-lightwhite:after {
    background: #ffffff7a !important;
}
.banner-greeting {
    background-image: url(../../../../img/Departure/Assets/PNG&JPG/hero_background_desktop.jpg);
    background-repeat: no-repeat;
    background-position: calc(50% - 0px) center;
    background-size: cover;
    min-height: 500px;
}
.img-overlay-dark {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 10;
}
.banner-text {
	position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    transform: translate(0%,-50%);
    z-index: 20;
}
.banner-child {
    position: absolute;
    left: 50%;
    /* top: 7%; */	
	bottom: 0%;
    /* width: 100%; */
    transform: translate(-50%,50%);
    z-index: 20;
}
/*
.banner-child img { 
	width: 225px;
    height: 225px;
}
*/
@media (max-width: 767px) {
	.banner-greeting {
		background-image: url(../../../../img/Departure/Assets/PNG&JPG/hero_background_mobile.jpg);
		background-position: calc(50% - 0px) center;
	}
	/*
	.banner-child img {
		width: 200px;
		height: 200px;
	}
	*/
}
@media (max-width: 528px) {
	/*
	.banner-child img {
		width: 175px;
		height: 175px;
	}
	*/
}

/**************************** Departure Info Start *************************************/

@media (max-width: 528px ) {
	.departure-thankyou-container {
		padding-top: 115px !important;
	}
}


.btn.read-letter-btn {
	word-break: break-all;
}
.btn.write-letter-btn {
	word-break: break-all;
}
.btn.faq-btn {
	word-break: break-all;
}

@media (min-width: 768px) {
	.btn.read-letter-btn {
		padding: 0.7em 0.5em;
	}
	.btn.write-letter-btn {
		padding: 0.7em 0.5em;
	}
	.btn.faq-btn {
		padding: 0.7em 0.5em;
	}
}
@media (min-width: 992px) {
	.btn.read-letter-btn {
		padding: 0.7em 0.7em;
	}
	.btn.write-letter-btn {
		padding: 0.7em 0.7em;
	}
	.btn.faq-btn {
		padding: 0.7em 0.7em;
	}
}
@media (max-width: 767px) {
	.btn.read-letter-btn {
		width: 100%;
		padding: 0.7em 0.5em;
	}
	.btn.write-letter-btn {
		width: 100%;
		padding: 0.7em 0.5em;
	}
	.btn.faq-btn {
		width: 100%;
		padding: 0.7em 0.5em;
	}
}


/**************************** Departure Support Start *************************************/

.your-support {
	background-image: url(../../../../img/Departure/Assets/PNG&JPG/alterntative_impact_background_01.jpg);
    background-repeat: no-repeat;
    background-position: calc(50% - 0px) bottom;
    /* background-size: contain; */
	background-size: auto;
}
@media (max-width: 767px) {
	.your-support {
		background-size: auto;
	}
}
@media (min-width: 1440px) {
	.your-support {
		background-size: contain;
	}
}
.icon-scroll-encourager-yellow {
	position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translate(-50%,50%);
    z-index: 20;
}
#arrow-left {
	position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    transform: translate(-1%,-50%);
    z-index: 20;
	text-align: left;
}
#arrow-right {
	position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    transform: translate(1%,-50%);
    z-index: 20;
	text-align: right;
}
.icon-scroll-encourager-orange {

}

.child-image-slider .slick-slide {
     height: auto;
}
.child-image-div {
	position: relative;
    overflow: hidden;
    border-radius: 5px;
}
/*
.icon-photo-expand-div {
	display: none;
	position: absolute;
	left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    z-index: 20;
}
.child-image-card:hover .child-image-card-body img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 1s;
}
.child-image-card:hover .icon-photo-expand-div {
	display: block;
}
*/
.text-brown {
	color: #c36a28;
}
@media (min-width: 768px) {
	.btn.read-supp-letter-btn {
		padding: 0.7em 1.5em;
	}
}
@media (max-width: 767px) {
	.btn.read-supp-letter-btn {
		width: 100%;
		padding: 0.7em 1.5em;
	}
}
@media (min-width: 768px) {
	.btn.final-gift-btn {
		padding: 0.7em 1.5em;
	}
}
@media (max-width: 767px) {
	.btn.final-gift-btn {
		width: 100%;
		padding: 0.7em 1.5em;
	}
}

/**************************** Departure FAQ Start *************************************/

.btn-with-line-through .btn:before { background: #e4edf6!important; }
.btn-with-line-through .btn:after { background: #e4edf6!important; }


/*********************** Departure Donation Block Start *******************************/




/***************************** Start Chritmas Donation Block *****************************/

#form-donation {
	width: 100%;
}
.dfid-donation-block #amount_mobile~.btn {
	padding: 0.7em 1em;
	border-radius: 0.5rem !important;
}
.dfid-donation-block #amount_mobile~.btn:after {
    color: #777777;
    border-left: 1px solid #777777;
}
.dfid-donation-block .btn-group .btn {
	font-weight: 600;
	font-size: 2.1rem;
	padding: 0.4em 1.5em;
	border: 2px solid #fff;
}
.dfid-donation-block .btn-group .btn.active {
	border: 2px solid #5a913a;
	background-image: url(../../../../img/interventions/icon_with_your_help.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px;
	text-align: center;
	padding: 0.4em 1em 0.4em 2em;
}
.dfid-donation-block label {
	font-size: 1.8rem;
	font-weight: 600;
	color: #0054a6;
}
.dfid-donation-block input.form-control {
	font-size: 1.8rem;
	padding: 0.4em 0.5em;
	border-radius: 0.5rem;
	font-weight: 600;
	border: 1px solid #777777 !important;
}
#amount_custom {
	width: 100%;
	font-weight: 600;
	padding: 0.4em 1em;
	border: 2px solid #ffffff !important;
}
#amount_custom.active {
	border: 2px solid #5a913a !important;
	/*
	background-image: url(../../../../img/interventions/icon_with_your_help.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px;
	*/
}
.input-pound-sign {
	position: absolute;
    color: #4a4a4a;
    font-size: 2.1rem;
    top: 10px;
    left: 30px;
    font-weight: 600;
}
#direct_debit_pay, #card_pay {
	padding: 0.7em 1.5em;
}
#process_payment {
	font-size: 1.7rem;
	padding: 0.8em 1.5em;
	width: 100%;
}
.dfid-donation-block .card .card-footer {
	background-color: #eaf0f7;
	border-radius: 0 0 0.5rem 0.5rem;
}
.dfid-donation-block .card .card-footer label {
	color: #5a913a;
}
.dfid-donation-block .card .form-group {
	margin-bottom: 2rem;
}
.dfid-donation-block .card hr {
	border-top: 1.5px solid #6497c9;
}
.dfid-donation-block .card .form-group img {
	vertical-align: text-top;
}
.dfid-donation-block .card.card_payment_form_section {
	display: none;
}
.dfid-donation-block .card.card_payment_form_section.active {
	display: flex;
}
.dfid-donation-block .card .card-footer label span.asterisk {
    color: #656565;
}
#postcode-lookup-select-row {
    display: none;
}
@media(min-width: 768px) {
	#form-donation {
		width: 75%;
	}
	#amount_custom {
		width: 265px;
		position: absolute;
	}
	#process_payment {
		width: 75%;
	}
}



/*****/
@media screen and (min-width: 2000px) {
  p.big-underline:after {
    height: 0.9px;
  }
}

.total {
  font-size: 23px;
  font-weight: 300;
}

.input-pound-sign1 {
  left: 45.5%;
  z-index: 99;
}

p.big-underline:after {
  background: #b3b3b3;
}

p.big-underline:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + -16rem);
  margin: 0 auto;
  width: 100%;
  height: 1px;
	/*background: #0054a6;*/;
}

#amount_custom.active {
	/*
  background-position: 4% center !important;
  */
}

@media screen and (max-width: 414px) {
  .input-pound-sign1 {
    left: 40%;
    z-index: 99;
  }

  p.big-underline:after {
    height: 1px;
  }

  .card-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 320px) {
  #direct_debit_pay, #card_pay {
    padding: 0.7em 0.5em;
  }
}

p#processing {
  color: #4a4a4a !important;
}

.error-text p {
  color: red !important;
}

@media screen and (min-width: 768px) {
	/*
  .row-padding {
    margin-bottom: 50px !important;
  }
  */

  #form-donation {
    width: 100%;
  }

  .donation-width {
    width: 60%;
  }
}

@media screen and (width: 768px) {
  .donation-width {
    width: 80% !important;
  }

  .input-pound-sign1 {
    left: 255px;
    z-index: 99;
  }
}

@media screen and (min-width: 968px) {
  .waterdonation {
    margin-top: 35px !important;
  }
}

.button-block {
  margin-bottom: -40px !important;
}

@media screen and (width: 1920px) {
  .input-pound-sign1 {
    left: 47%;
    z-index: 99;
  }
}

.error-text p {
  border: 1px solid #ea5239;
  margin: 8px 30px;
  width: calc(100% - 60px) !important;
  text-indent: 0 !important;
  height: 45px !important;
  line-height: 39px !important;
  text-align: center !important;
  display: inline-block !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
}
#recurring-donation {
	width: 40px;
    height: 40px;
    background-color: #ffffff;
}
div.checker span {
    background: none;
    border: 2px solid #fff;
    border-radius: 4px;
}
div.checker, div.checker span, div.checker input {
    width: 28px;
    height: 28px;
    background-color: transparent;
}
div.check-box span {
    background: none;
    border: 1px solid #0054a6;
    border-radius: 5px;
}
div.checker span.checked {
    border: 1px solid #5a913a;
    background: #5a913a;
}
div.checker span.checked {
    background-position: -193px -261px !Important;
}
div.checker, div.checker span, div.checker input {
    width: 30px;
    height: 30px;
    background-color: transparent;
}
div.checker {
    position: relative;
}
div.checker span.checked:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
}