/* Menu of Services price tables */
.gds-service-menu__section { margin: 0 0 56px; }
.gds-service-menu__title {
	text-align: center;
	margin: 0 0 40px;
}
.gds-service-menu__intro {
	width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}
.gds-service-menu__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
}
.gds-service-menu__table th,
.gds-service-menu__table td {
	border: 0;
	padding: 20px;
	vertical-align: top;
}
.gds-service-menu__table thead th {
	padding: 8px;
	background: transparent;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	color: #111;
	line-height: 24px;
}
.gds-service-menu__table thead th:first-child { width: 32% !important; }
.gds-service-menu__table tbody td { border-left: 1px solid #ddd; }
.gds-service-menu__table tbody td.gds-service-menu__service { color: #111; }
/* Same striping as the old TablePress table: first row grey, then clear and white alternating */
.gds-service-menu__table tbody tr:first-child td { background: rgba(247, 247, 247, 0.61); }
.gds-service-menu__table tbody tr:nth-child(odd):not(:first-child) td { background: #fff; }
.gds-service-menu__name {
	font-family: "TEX GYRE ADVENTOR", -apple-system, "Segoe UI", Roboto, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	color: #444;
	margin: 0 0 15px;
}
.gds-service-menu__service p { margin: 0 0 15px; }
.gds-service-menu__service p:last-child { margin-bottom: 0; }
.gds-service-menu__price {
	border-left: 1px solid #ddd;
	font-size: 20px;
	line-height: 26px;
	color: #533523;
	text-align: center;
}
.gds-service-menu__table.is-simple thead th:first-child { width: 32%; }
.gds-service-menu__desc {
	border-left: 1px solid #ddd;
	font-size: 14px;
	line-height: 24px;
}
.gds-service-menu__desc p { margin: 0; }

/* Phones and tablets: every service becomes a card, each price a labelled line */
@media (max-width: 959px) {
	.gds-service-menu__intro { width: 100%; }
	.gds-service-menu__table,
	.gds-service-menu__table thead,
	.gds-service-menu__table tbody,
	.gds-service-menu__table tr,
	.gds-service-menu__table th,
	.gds-service-menu__table td { display: block; }
	.gds-service-menu__table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.gds-service-menu__table tbody tr {
		border: 1px solid #ccc;
		padding: 10px;
		margin-bottom: -1px;
	}
	.gds-service-menu__table tbody td {
		border: 0;
		border-bottom: 1px solid #eee;
		padding: 12px 15px;
	}
	.gds-service-menu__price {
		text-align: right;
		padding-right: 10% !important;
	}
	.gds-service-menu__price::before {
		content: attr(data-label);
		padding-right: 10px;
		color: #444;
		font-weight: 700;
		font-size: 15px;
		white-space: nowrap;
	}
	.gds-service-menu__desc { border-left: 0; }
}
