/*
 * Taken from easy-digital-downloads/templates/edd.min.css.
 *
 * Our own markup uses EDD's class names on purpose — the purchase button in a
 * result row is `button blue edd-submit edd-has-js` inside
 * `.edd_purchase_submit_wrapper`, and the Customizer CSS of both the parent and
 * the child theme styles exactly those names. Only the rules that match an
 * element the rendered pages really contain are here; the cart, the checkout,
 * the receipt and the other colour variants matched nothing and are left out.
 *
 * Order matters: the Customizer CSS prints later in <head> and overrides the
 * background, padding and radius of the blue button, while the colour on hover
 * still comes from the rule below it.
 */

.edd_purchase_submit_wrapper {
	position: relative;
}

.edd-submit {
	display: inline-block;
	padding: 6px 12px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: none;
	user-select: none;
}

.edd-submit.button:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.edd-submit.button:active {
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.edd-submit.button,
.edd-submit.button.gray,
.edd-submit.button:visited {
	color: #333;
	background: #f0f0f0;
	border-color: #ccc;
}

.edd-submit.button:active,
.edd-submit.button:focus,
.edd-submit.button:hover,
.edd-submit.button.gray:active,
.edd-submit.button.gray:focus,
.edd-submit.button.gray:hover {
	color: #333;
	background: #ebebeb;
	border-color: #adadad;
}

.edd-submit.button.blue {
	color: #fff;
	background: #428bca;
	border-color: #357ebd;
}

.edd-submit.button.blue.active,
.edd-submit.button.blue:focus,
.edd-submit.button.blue:hover {
	color: #fff;
	background: #3276b1;
	border-color: #285e8e;
}

.edd-submit.button.blue.active {
	background-image: none;
}