#donate-container
{
	padding-top: 50px;
	display: flex;
}

@media screen and (max-width: 750px)
{
	#donate-container
	{
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		flex-direction: column;
	}
}

.ibuka-form-column
{
	/* width: 100%; */
	margin: 10px;
	text-transform: uppercase;
	flex: 1 1 0;
}

.ibuka-form-title
{
	background-color: #C9A0DC;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
}

.ibuka-form-title > h2
{
	color: white;
}

.ibuka-form-title.subscribe
{
	background-color: #3B8E34;
}

.ibuka-form-body
{
	height: 430px;
	background-color: #B4B4B4;
}

.ibuka-form-column:nth-child(2) > .ibuka-form-body
{
	background-color: #E7E7E7;
}

#donate-msg
{
	color: white;
	text-align: center;
	padding: 10px;
	text-transform: none !important;
}

#amount-buttons-container
{
	padding-top: 50px;
	display: flex;
	justify-content: space-around;
}

#amount-buttons-container > button
{
	border-radius: 8px;
	border: none;
	height: 40px;
	width: 30%;
	cursor: pointer;
	color: white;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	font-size: 22px;
}

#button1, #button3 { background-color: #B353D0; }
#button1.subscribe, #button3.subscribe { background-color: #5BB553; }

#button2 { background-color: #6C0277; }
#button2.subscribe { background-color: #3B8E34; }

.amount-field
{
	padding-top: 50px;
	color: white;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	font-size: 20px;
	/*text-transform: uppercase;*/
}

.amount-field > div:nth-child(1)
{
	width: 80%;
	text-align: right;
}

.amount-field > div:nth-child(2)
{
	margin: auto;
	width: 80%;
}

.amount-field > div > input
{
	width: 90%;
	height: 40px;
}

.row2
{
	display: flex;
	width: 80%;
	margin: auto;
}

.required
{
	color: #b22222;
}

.help
{
	font-style: italic;
	font-size: 10px;
	text-transform: none;
}

.email-field
{
	padding-top: 10px;
}

.email-field, .row
{
	width: 80%;
	margin: auto;
}

.email-field input, .row input, #country
{
	width: 100%;
}

.firstname-field label
{
	margin-left: 10%;
}

.firstname-field div input
{
	width: 80%;
	margin-left: 10%;
}

.lastname-field input
{
	width: 100%;
}

.ibuka-form-column:nth-child(3)
{
	color: white;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	font-size: 21px;
}

.form-row
{
	padding: 5%;
	text-align: center;
	font-size: 20px;
}

.StripeElement
{
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  margin-bottom: 15px;
}

.button-row
{
	width: 100%;
	text-align: center;
}

.ibuka-form-column:nth-child(3) button
{
	border-radius: 8px;
	border: none;
	height: 40px;
	width: 40%;
	cursor: pointer;
	color: white;
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	background-color: #6C0277;
}

.ibuka-form-column:nth-child(3) button.subscribe { background-color: #3B8E34; }

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #b22222;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#card-errors
{
	font-size: 16px;
	color: #b22222;
}

.error
{
	width: 100%;
	color: #b22222;
	padding: 20px;
	margin-top: 20px;
	background-color: #D87093;
}

.secure-msg
{
	text-align: center;
	margin-top: 30px;
}

.secure-msg > p > img
{
	margin-right: 5px;
}