/**
 * Frontend responsive styles for tables generated by Simple Table Creator.
 */

.stc-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
	font-size: 15px;
}

.stc-table th,
.stc-table td {
	padding: 8px 12px;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

.stc-table thead th {
	background-color: #f5f5f5;
	font-weight: 600;
}

.stc-table tbody tr:nth-child(even) {
	background-color: #fafafa;
}

/* Responsive behaviour: horizontal scroll on narrow viewports
   instead of squeezing columns unreadably small. */
@media screen and ( max-width: 600px ) {
	.stc-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}