.guide_entry h3 {
	font-size: 16px;
	color: #313131;
	width: 100%;
	margin: 0 0 5px 0;
	overflow: hidden;
	text-align: left;
	text-transform: none;
}

.guide_entry div.guide_text > p {
	font-size: 14px;
	line-clamp: 4;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #999;
	margin-bottom: 1rem;
}

.guide_entry div.guide_image {
	background-size: cover;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

.guides {
	display: grid;
	grid-template-columns: 1fr;
	/*grid-auto-rows: minmax(0, 1fr);*/
}

.guides .guide_entry:nth-child(4) ~ * {
	display: none;
}

.guide_force_show {
	display: flex !important;
}

@media only screen and (max-width: 40em) {
	.guide_entry {
		padding: 0 0 15px 0;
		display: flex;
	}

	.guide_entry.empty {
		display: none;
	}

	.guide_entry div.guide_image {
		flex: 0 0 40%;
	}

	.guide_entry div.guide_text {
		flex: 0 0 60%;
		padding: 0 0 0 12px !important;
	}
}

@media only screen and (min-width: 40.0625em) {
	.guides {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 16px;
	}

	.guide_entry div.guide_image {
		min-height: 150px;
	}

	.guide_entry h3 {
		font-size: 14px;
		margin-top: 15px;
	}

	.guide_force_show {
		display: block !important;
	}
}

@media only screen and (min-width: 78.1875em) {
	.guides {
		grid-template-columns: repeat(5, 1fr);
	}

	/* Override to show the first 5 elements instead of 4 */
	.guides .guide_entry:nth-child(4) ~ * {
		display: block;
	}

	.guides .guide_entry:nth-child(5) ~ * {
		display: none;
	}
}

.guide_show_more_less {
	cursor: pointer;
	height: 30px;
	text-align: center;
	border-radius: 15px;
	background-color:#AAA;
	color:#FFF;
	margin: 0 auto;
	display: block !important;
	/*background-size: 20px;*/
	/*background-repeat: no-repeat;*/
	/*background-position: center;*/
	max-width: 400px;
	line-height: 30px;

	grid-column: 1 / -1;
	width: 100%;
}

div.guides > a:nth-child(8n + 1) div.size_guide_color {
	background-color: #EFCEE4;
}

div.guides > a:nth-child(8n + 2) div.size_guide_color {
	background-color: #F2F2CD;
}

div.guides > a:nth-child(8n + 3) div.size_guide_color {
	background-color: #C1BADB;
}

div.guides > a:nth-child(8n + 4) div.size_guide_color {
	background-color: #D1E4BD;
}

div.guides > a:nth-child(8n + 5) div.size_guide_color {
	background-color: #F5D0C1;
}

div.guides > a:nth-child(8n + 6) div.size_guide_color {
	background-color: #C0D3EF;
}

div.guides > a:nth-child(8n + 7) div.size_guide_color {
	background-color: #F4E0CC;
}

div.guides > a:nth-child(8n) div.size_guide_color {
	background-color: #C1E3E2;
}