/* These styles are for every page of the My Account section */

$table-cell-height: 75px;

.my-account {

	background-color: $white;

	padding: 30px;

	color: $dove-grey;

	a {
		color: $alizarin-crimson;
		font-family: $sans-serif-bold-font;
		text-transform: uppercase;
	}

	h1 {
		margin-top: 0;
	}

	h2,
	h3 {
		font-family: $sans-serif-bold-font;
		font-size: 1.286em;
		text-transform: uppercase;

		margin-bottom: 5px;
	}

	h2 {
		color: $nearly-black;
		display: inline-block;
		margin-right: 10px;

		&.legend {
			margin-bottom: 20px;
		}
	}

	form {
		label {
			font-size: 1.286em;
		}

		span.required {
			color: $alizarin-crimson;
		}

		button[type="submit"].button {
			@include button-prominent;
		}
	}

	.divider {
		background-color: $alabaster;
		height: 2px;

		margin: 30px -30px;
	}

	.input-text {
		border: 2px solid $silver;
		border-radius: 20px;
	}

	.button {
		@include button-primary;
	}
	
	#my-orders-table {
		thead {
			background-color: $black-haze;
			color: $dusty-grey;

			tr {

				th {

					text-align: center;
					text-transform: uppercase;

					vertical-align: middle;
					border-bottom-color: $white;
					border-right: 2px solid $white;

					height: $table-cell-height;

					&:last-child {
						border-right: 0;
					}
				}
			}
		}

		tbody {

			tr {

				td {

					font-size: 1.143em;
					text-align: center;
					vertical-align: middle;

					height: $table-cell-height;
				}
			}
		}

		tfoot {
			background-color: $black-haze;

			tr {

				td {
					font-size: 1.143em;
					color: $nearly-black;

					border-color: $black-haze;
				}
			}
		}
	}
}