/* Foundations & Futures — The Cards (TablePress table 122)
   Keeps the table for editing; gives the image column a real width. */

#body-content-inner #tablepress-122 {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

#body-content-inner #tablepress-122 .column-1 {
	width: 320px;
	vertical-align: top;
}

#body-content-inner #tablepress-122 .column-2 {
	vertical-align: top;
	padding-left: 1.5em;
}

#body-content-inner #tablepress-122 > tbody > tr > td {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

#body-content-inner #tablepress-122 .column-1 img,
#body-content-inner #tablepress-122.tablepress img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 900px) {
	#body-content-inner #tablepress-122 .column-1 {
		width: 240px;
	}
}

@media screen and (max-width: 700px) {
	#body-content-inner #tablepress-122,
	#body-content-inner #tablepress-122 tbody,
	#body-content-inner #tablepress-122 tr,
	#body-content-inner #tablepress-122 td {
		display: block;
		width: 100%;
	}

	#body-content-inner #tablepress-122 .column-1 {
		width: 100%;
		max-width: 280px;
		padding-bottom: 0.35em;
	}

	#body-content-inner #tablepress-122 .column-2 {
		padding-left: 0;
	}

	#body-content-inner #tablepress-122 > tbody > tr > td {
		border-top: none;
	}

	#body-content-inner #tablepress-122 > tbody > tr {
		border-top: 1px solid #ddd;
		padding: 0.5em 0 1em;
	}

	#body-content-inner #tablepress-122 > tbody > tr:first-child {
		border-top: none;
	}
}