/*
 ************************************************************
 *
 * MODULE
 *
 ************************************************************
 * ----------------------------------------------------------
 *
 * GRID
 *
 * ----------------------------------------------------------
 *
 * - BASE
 */

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

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

#top .module-grid .item
{
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: 1px 2px 2px 0px rgba(2, 21, 100, 0.15);
}

#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 .item .title
{
	padding: 16px;
}

#top .module-grid .item .title > a
{
	font-weight: 600;
}

@media only screen and (max-width: 1279px)
{

	.responsive #top .module-grid .item .title > a
	{
		font-size: 16px;
	}
	.responsive #top .module-grid .item.first .title > a
	{
		font-size: 20px;
	}
}

@media only screen and (min-width: 1280px)
{

	.responsive #top .module-grid .item .title > a
	{
		font-size: 18px;
	}
	.responsive #top .module-grid .item.first .title > a
	{
		font-size: 22px;
	}
}

/*
 * ----------------------------------------------------------
 *
 * BLOG-LATEST
 *
 * ----------------------------------------------------------
 *
 * - COLS
 */

@media only screen and (max-width: 767px)
{
	.responsive #top .blog-latest .items
	{
		grid-gap: 32px;
	}
}

/*
 * - TITLE
 */

#top .blog-latest .title
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	grid-gap: 16px;
}

@media only screen and (min-width: 990px) and (max-width: 1279px)
{
	.responsive #top .blog-latest .title
	{
		padding: 24px;
	}
}

@media only screen and (min-width: 1280px)
{
	.responsive #top .blog-latest .title
	{
		padding: 32px;
	}
}

/*
 * - ITEM
 */

#top .blog-latest .item
{
	grid-gap: 0;
	overflow: hidden;
}

/*
 * - ITEM: NOT FIRST
 */

#top .blog-latest .item:not(.first)
{
	flex-direction: row;
}

@media only screen and (max-width: 767px)
{
	.responsive #top .blog-latest .item:not(.first)
	{
		grid-gap: 16px;
		background-color: transparent;
		box-shadow: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 989px)
{
	.responsive #top .blog-latest .item:not(.first)
	{
		padding: 24px;
	}
}

/*
 * - ELEMENT: NOT FIRST
 */

@media only screen and (max-width: 767px)
{
	.responsive #top .blog-latest .item:not(.first) .thumb
	{
		width: 80px;
	}
	.responsive #top .blog-latest .item:not(.first) .title
	{
		width: 100%;
	}
}

@media only screen and (min-width: 990px)
{
	.responsive #top .blog-latest .item:not(.first) .thumb
	{
		width: 220px;
	}
	.responsive #top .blog-latest .item:not(.first) .title
	{
		width: calc(100% - 220px);
	}
}

@media only screen and (min-width: 990px) and (max-width: 1279px)
{
	.responsive #top .blog-latest .item:not(.first) .thumb
	{
		width: 160px;
	}
	.responsive #top .blog-latest .item:not(.first) .title
	{
		width: calc(100% - 160px);
	}
}

/*
 * - THUMB: NOT FIRST
 */

@media only screen and (min-width: 768px) and (max-width: 989px)
{
	.responsive #top .blog-latest .item:not(.first) .thumb
	{
		display: none;
	}
}

@media only screen and (min-width: 990px)
{
	.responsive #top .blog-latest .item:not(.first) .thumb
	{
		order: 1;
	}
}

/*
 * - ITEM: FIRST
 */

@media only screen and (min-width: 768px)
{
	.responsive #top .blog-latest .item.first
	{
		grid-column: span 2;
		grid-row: span 1;
	}
}

@media only screen and (min-width: 990px)
{
	.responsive #top .blog-latest .item.first
	{
		grid-column: span 1;
		grid-row: span 2;
	}
}

/*
 * - TITLE: FIRST
 */

@media only screen and (max-width: 989px)
{
	.responsive #top .blog-latest .item.first .title
	{
		padding: 32px 24px;
	}
}

/*
 * ----------------------------------------------------------
 *
 * LIST
 *
 * ----------------------------------------------------------
 *
 * - RELATED
 */

#top .list-related ul,
#top .list-related li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#top .list-related ul
{
	border-bottom: 1px dotted var(--color-cvi-1);
}

#top .list-related li
{
	border-top: 1px dotted var(--color-cvi-1);
}

#top .list-related li a
{
	display: block;
	padding: 12px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


#top .list-related li.current a
{
	color: var(--color-cvi-2);
}

#top sidebar .list-related
{
	position: sticky;
	top: 160px;
	left: 0;
}

/*
 * ----------------------------------------------------------
 *
 * CAROUSEL
 *
 * ----------------------------------------------------------
 *
 * - DEFAULT
 */

#top .module-carousel .item
{
	display: flex;
	flex-direction: column;
	grid-gap: 24px;
}

/*
 * - FEEDBACK
 */

#top .carousel-feedback .item
{
	padding-left: 24px;
	border-left: 1px dotted var(--color-cvi-1);
}

#top .carousel-feedback .name
{
	font-weight: 600;
	font-size: 16px;
	color: var(--color-cvi-1);
}

#top .carousel-feedback .location
{
	margin-top: -24px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
}