/* ========== Video Thumbnail Grid ========== */

.section-video-thumbnails .grid > .grid-item.large-span-4 {
	min-height: 0;
}

/* ========== Tile Card Layout ========== */

.grid-item > .tile.tile-rounded {
	display: flex;
	flex-direction: column;
	flex: 1;
	/* .tile ships with auto inline margins, which stop a flex item from
	   stretching. Without this the tile shrinks to its content. */
	width: 100%;
	height: 100%;
}
.tile-content.padding-top-small {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-bottom: 2.5em;
}
.tile-content.padding-top-small p {
	margin-bottom: 0;
}
/* Matches the default paragraph spacing above the badge in the Xcode tile */
.tile-content.padding-top-small .badge {
	margin-top: 1em;
}

/* ========== Tile Symbol ========== */

.tile-symbol {
	color: var(--color-fill-blue);
	font-size: 80px;
}

/* ========== Icon Right Tile ========== */

.tile-content.icon-right {
	display: flow-root;
}
.tile-content.icon-right img {
	float: right;
	margin-left: 2em;
}
@media only screen and (max-width: 734px) {
	.tile-content.icon-right img {
		float: none;
		height: 96px;
		width: auto;
		/* Offsets the transparent padding in the icon artwork so it lines up with the text */
		margin-left: -10px;
		margin-bottom: 1em;
	}
}