#cpmAcknowledgement .bannerImage{
	margin-bottom: 15px;
}

#cpmAcknowledgement .bannerImage img {
	width: 100%;
}

/* #cpmAcknowledgement .acknowledgementDetails{
	position: relative;
	padding: 0 20px;
} */

#cpmAcknowledgement .acknowledgementDetails .supporterDetails h1 {
	color: var(--primary, #003473);
}

#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp{
	background: var(--secondary, #0B6263);
    color: var(--light, #ffffff);
    padding: 1rem;
    border-radius: 5px;
    margin-bottom: 20px;
}

#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp .fa {
	margin-right: 10px;
}

#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp h2 {
	margin-top:0;
}

#cpmAcknowledgement .createAccount {
	background: var(--primary, #003473);
	width: 100%;
	margin-bottom: 10px;
	text-align: center
}

#cpmAcknowledgement .createAccount .divider-indent {
	position: relative;
}

#cpmAcknowledgement .createAccount .divider-indent .floatingImage {
	position: absolute;
	bottom: -1px;
	right: 0;
}

#cpmAcknowledgement .createAccount p, #cpmAcknowledgement .createAccount a,
#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp a, #cpmAcknowledgement .acknowledgementDetails .howCanWeHelp p{
	color: var(--light, #ffffff);
}

#cpmAcknowledgement .divider-indent {
	margin: 0 auto;
}

/* styles for the table of transactions */
#cpmAcknowledgement #receipt {
	width: 100%;
}


#cpmAcknowledgement #receipt thead th,
#cpmAcknowledgement #receipt tfoot td{
	font-weight: bold;
}

#cpmAcknowledgement #receipt thead th {
	border-bottom:1pt solid var(--dark, #1F252C);
}

#cpmAcknowledgement #receipt th,
#cpmAcknowledgement #receipt td {
	padding: 5px 10px;
}

#cpmAcknowledgement #receipt th.quant,
#cpmAcknowledgement #receipt td.quant{
	text-align: center;
}

#cpmAcknowledgement #receipt th.curr,
#cpmAcknowledgement #receipt td.curr{
	text-align: right;
}

/* fix the look of the login modal */
body #rspcasigninmodal .modal-header .btn-toolbar {
	margin-top: 0;
}

body #rspcasigninmodal .modal-body {
	width: 100%;
}

@media (min-width: 767px) {
	/* #cpmAcknowledgement .acknowledgementDetails{
		display: flex;
		align-items: start;
	}

	#cpmAcknowledgement .acknowledgementDetails .supporterDetails {
		flex: 1 1 55%;
		margin-right: 20px;
	}

	#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp {
		flex: 1 1 45%;
	} */

	#cpmAcknowledgement .createAccount .divider-indent .floatingImage {
		right: 86px;
	}
}

@media (min-width: 1006px) {
	/* #cpmAcknowledgement .acknowledgementDetails {
		padding: 0;
	}

	#cpmAcknowledgement .acknowledgementDetails .supporterDetails {
		flex: 1 1 65%;
	}

	#cpmAcknowledgement .acknowledgementDetails .howCanWeHelp {
		flex: 1 1 35%;
	} */
	#cpmAcknowledgement #membership  .bannerImage .bannerText h1 {
		line-height: 90px !important;
	}
}

/*- membership recap  css -*/


body #wrapper #membership {
	background-color: var(--dark-10, #E0E1E1);
}

body #wrapper #membership .membershipColumn {
	float: left;
	width: 30.33%;
	padding: 10px;
}
.membershipRow:after {
	content: "";
	display: table;
	clear: both;
	margin-left: 0px !important;
}

body #wrapper #membership .membershipBanner {
	position: relative;
}

#membership .membershipBanner .bannerImage {
	position: relative;
}

body #wrapper #membership p {
	padding-bottom: 0px ;
}

body #wrapper #membership .membershipRow {
	margin-left: 0px ;
}

body #wrapper #membership .columnInner {
	background-color: var(--light, #ffffff);
	border-radius: 10px;
	padding: 0px 5px;
	min-height: 240px;
}

body #wrapper #membership .bannerText {
	position: absolute;
	top: 25%;
	left: 35%;
	color: var(--light, #ffffff);
	transform: translate(-50%, -50%);
}

body #wrapper #membership .bannerPayment {
	position: absolute;
	left: 3%;
	background-color: var(--info, #8E3190);
	bottom: 0%;
	line-height: 46px;
	padding: 0 10px;
}

body #wrapper #membership .bannerPayment b{
	color: var(--light, #ffffff);
}

body #wrapper #membership .bannerImage .bannerText b {
		line-height: 30px;
}

#membership .columnInner svg{
    width:  54px;
    height: 54px;
	margin-top: 12px;
	color: var(--secondary, #0B6263);
}
@media (max-width: 768px) {

	body #wrapper #membership .bannerImage .bannerText {
		top: 7%;
	}

	body #wrapper #membership .bannerImage .bannerText b {
		line-height: 0px ;
	}
	body #wrapper #membership .membershipColumn {
		float: left;
		width: 90%;
		padding: 10px;
	}
}