/*
 ************************************************************
 *
 * MODULE
 *
 ************************************************************
 * ----------------------------------------------------------
 *
 * GRID
 *
 * ----------------------------------------------------------
 *
 * - FLEX
 */

#top .module-grid,
#top .module-grid .item,
#top .module-grid .entry
{
	display: flex;
	flex-direction: column;
}

#top .module-grid
{
	grid-gap: 40px;
}

#top .module-grid .items
{
	display: grid;
	width: 100%;
}

/*
 * - COLS
 */

#top .module-grid .cols-1
{
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-gap: 0;
}
#top .module-grid .cols-2
{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 40px;
}
#top .module-grid .cols-3
{
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 40px;
}
#top .module-grid .cols-4
{
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 32px;
}
#top .module-grid .cols-5
{
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-gap: 24px;
}

@media only screen and (max-width: 1279px)
{
	.responsive #top .module-grid .cols-3,
	.responsive #top .module-grid .cols-4,
	.responsive #top .module-grid .cols-5
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 767px)
{
	.responsive #top .module-grid .items
	{
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

/*
 * - TITLE
 */

#top .module-grid .title a
{
	font-weight: 600;
	font-size: 20px;
}

/*
 * - ENTRY
 */

#top .module-grid .entry
{
	width: 100%;
	padding: 24px;
	grid-gap: 24px;
}

#top .main_color .module-grid .entry
{
	background-color: var(--color-lightgray-1);
}

#top .alternate_color .module-grid .entry
{
	background-color: var(--color-white);
}