/**
 * Styling for One Click Payment feature.
 * 
 * @author kakolirisa
 */
.one-click-payment-modal .cancel-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}

.one-click-payment-modal .button--cancel {
	z-index: 3;
}

.one-click-payment-modal .button-fix:hover, .one-click-payment-modal .button-fix:active, .one-click-payment-modal .button-fix:focus  {
	background-color: transparent !important;
	border-color: transparent !important;
}

.one-click-payment-modal .email-form-size {
	max-width: 940px;
	margin: 0 auto;
}

.one-click-payment-modal .pd-3 {
	padding-top: 70px;
	margin-left: 42px;
}

.one-click-payment-modal .purple-box {
	background-color: #8A37E9;
	position: relative;
	height: 168px;
}

.one-click-payment-modal .thank-you-title {
	font-size: 30px;
	font-weight: 600;
	margin: 40px 133px 0 0;
}

.one-click-payment-modal .pd-0 {
	padding-left: 70px;
}

.one-click-payment-modal .email-field {
	margin-left: 30px;
}

.one-click-payment-modal .pd-2 {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 35px;
}

.ocp__priceBox {
	background: #175FFF;
	padding: 10px 20px;
}

.ocp__priceBox span:first-child {
	font-size: 16px;
	font-weight: bold;
}

.ocp__priceBox span:nth-child(2) {
	font-size: 20px;
	font-weight: normal;
}

.ocp--home-link {
	text-decoration: underline;
}

@media ( max-width : 530px) {
	.prompt .button {
		width: unset;
	}
	.one-click-payment-modal .thank-you-title {
		font-size: 19px;
		font-weight: 600;
		margin: 40px 133px 0 0;
	}
}

/*// SM Small devices (landscape phones, 576px and up)*/
@media ( min-width : 768px) {
	.ocp__priceBox span:first-child {
		font-size: 24px;
	}
	.ocp__priceBox span:nth-child(2) {
		font-size: 29px;
	}
}