/* Heading */
#wrapper .articles-latest-b-heading
{
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--e-global-color-accent);
}

/* Items */
#wrapper .articles-latest-b-items
{
	margin: 0;
	padding: 0;
}

/* Item */
#wrapper .articles-latest-b-item
{
	margin-bottom: 80px;
	list-style: none;
	border-radius: 0;
}

/* Link */
#wrapper .articles-latest-b-item-link { padding: 0; }

/* Image */
#wrapper .articles-latest-b-item-image
{
	height: 330px;
	margin: 0;
}

#wrapper .articles-latest-b-item-image img
{
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper .articles-latest-b-item:hover .articles-latest-b-item-image img
{
	-webkit-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
}

/* Box, Information */
#wrapper .articles-latest-b-item-box, #wrapper .articles-latest-b-item-information
{
	width: calc(100% - 40px);
	position: absolute;
}

[dir="rtl"] #wrapper .articles-latest-b-item-box, [dir="rtl"] #wrapper .articles-latest-b-item-information { right: 20px; }
[dir="ltr"] #wrapper .articles-latest-b-item-box, [dir="ltr"] #wrapper .articles-latest-b-item-information { left: 20px; }

#wrapper .articles-latest-b-item-box
{
	padding: 10px;
	bottom: 0;
	background-color: #fff;
}

#wrapper .articles-latest-b-item-information
{
	padding: 10px 5px;
	bottom: -50px;
	font-size: .8em;
	line-height: 30px;
	color: #fff;
	background-color: var(--theme-color);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper .articles-latest-b-item:hover .articles-latest-b-item-information { background-color: var(--theme-light-color); }

/* Category */
#wrapper .articles-latest-b-item-category
{
	margin-bottom: 5px;
	font-size: .9em;
	line-height: 30px;
	color: var(--theme-light-color);
	border-radius: 5px;
}

/* Title */
#wrapper .articles-latest-b-item-title
{
	font-size: 1.15em;
	font-weight: 700;
	line-height: 40px;
	border-radius: 5px;
}

/* Published */
#wrapper .articles-latest-b-item-published { width: auto; }

/* Author */
#wrapper .articles-latest-b-item-author { width: auto; }
[dir="rtl"] #wrapper .articles-latest-b-item-author { margin-right: 20px; }
[dir="ltr"] #wrapper .articles-latest-b-item-author { margin-left: 20px; }
#wrapper .articles-latest-b-item-author span { color: #888; }

#wrapper .articles-latest-b-item-author:before
{
	content: "·";
	position: absolute;
	top: 0;
}

[dir="rtl"] #wrapper .articles-latest-b-item-author:before { right: -10px; }
[dir="ltr"] #wrapper .articles-latest-b-item-author:before { left: -10px; }

@media (min-width: 48em)
{
	#wrapper .articles-latest-b-heading
	{
		margin-bottom: 40px;
		font-size: 2.6em;
	}

	#wrapper .articles-latest-b-item { width: calc(33.333333% - 15px); }

	#wrapper .articles-latest-b-item-box, #wrapper .articles-latest-b-item-information
	{
		width: calc(100% - 10px);
		font-size: .8em;
	}

	[dir="rtl"] #wrapper .articles-latest-b-item-box, [dir="rtl"] #wrapper .articles-latest-b-item-information { right: 5px; }
	[dir="ltr"] #wrapper .articles-latest-b-item-box, [dir="ltr"] #wrapper .articles-latest-b-item-information { left: 5px; }

	#wrapper .articles-latest-b-item-information
	{
		padding: 15px 5px;
		bottom: -60px;
	}
}

@media (min-width: 64em)
{
	#wrapper .articles-latest-b-item-image { height: 450px; }
	#wrapper .articles-latest-b-item-box, #wrapper .articles-latest-b-item-information { width: calc(100% - 80px); }
	#wrapper .articles-latest-b-item-box { padding: 15px 20px; }
	[dir="rtl"] #wrapper .articles-latest-b-item-box, [dir="rtl"] #wrapper .articles-latest-b-item-information { right: 40px; }
	[dir="ltr"] #wrapper .articles-latest-b-item-box, [dir="ltr"] #wrapper .articles-latest-b-item-information { left: 40px; }
}

@media (min-width: 80em) { #wrapper .articles-latest-b-item-box, #wrapper .articles-latest-b-item-information { font-size: 1em; } }