@charset "utf-8";

.trade-page {
	padding-top: 20px;
	padding-bottom: 60px;
}

.trade-page-heading {
	margin-top: 0;
	font-size: 30px;
	font-weight: 700;
}

.trade-panel {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 45px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
	border: none;
}

.trade-panel .panel-body {
	padding: 40px;
}

.trade-step-intro {
	color: #767676;
	margin-bottom: 25px;
}

.trade-section-heading {
	margin-top: 25px;
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	font-size: 17px;
	font-weight: 700;
}

/* The first section sits right under the intro paragraph - no rule needed to separate them */
.trade-section-heading-first {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.trade-success-banner {
	margin-bottom: 25px;
}

@media (max-width: 767px) {
	.trade-panel .panel-body {
		padding: 25px 20px;
	}
}