/*-----------------------------------------------------------------*/
/* ARCHIVES
/*-----------------------------------------------------------------*/

/* NAV STRUCTURE & CATEGORIES
----------------------------------------- */
.nav_structure,
.nav_categories
{
	background: var(--color__blue-dark);
}

.nav_categories
{
	background: var(--color__brown);
}

.menu-structure,
.categories-menu
{
	margin: 0;
	padding: 10px;

	border-left: 2px solid var(--color__white);
}

.menu-structure a,
.categories-menu a
{
	font-family: var(--font-family__noto-sans);
	font-size: 1.4rem;

	display: block;

	padding: 10px;

	text-transform: uppercase;

	color: var(--color__white);
}

.menu-structure a:hover,
.menu-structure .active-item a,
.categories-menu a:hover,
.categories-menu .active-item a
{
	color: var(--color__yellow);
}

@media (max-width: 760px)
{
	.menu-structure,
	.categories-menu
	{
		padding: 10px;

		border-left: none;
	}

	.nav_structure .container,
	.nav_categories .container
	{
		padding: 0;
	}

	.menu-structure a,
	.categories-menu a
	{
		font-size: 1.2rem;

		padding: 5px;
	}
}

/* EXTRAORDINARY MESSAGE
----------------------------------------- */
.extraordinary
{
	position: relative;

	background: var(--color__blue);
}

.extraordinary .row
{
	border-left: 2px solid var(--color__white);
}

.extraordinary__label
{
	font-family: var(--font-family__noto-sans);
	font-size: 2rem;
	font-weight: var(--font-weight__bold);

	position: absolute;
	top: 50%;
	left: 0;

	width: var(--width__1-7);
	padding-right: 20px;

	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: right;
	text-transform: uppercase;

	color: var(--color__yellow);
}

.extraordinary__message
{
	font-size: 2rem;
	font-weight: var(--font-weight__bold);

	max-width: 600px;
	padding: 13px 20px 13px 20px;

	color: var(--color__white);
}

.extraordinary a
{
	margin: 13px;

	color: var(--color__yellow);
	border-color: var(--color__yellow);
}

@media (max-width: 1200px)
{
	.extraordinary__label
	{
		position: static;
		top: unset;
		left: unset;

		display: block;

		width: var(--width__5-7);
		margin: 0 auto;
		padding: var(--padding__default) var(--padding__default) 0 var(--padding__default);

		transform: unset;
		text-align: left;

		border-left: 2px solid var(--color__white);
	}
}


@media (max-width: 760px)
{
	.extraordinary
	{
		padding: 13px 0;
	}

	.extraordinary .row
	{
		border-left: none;
	}

	.extraordinary__label,
	.extraordinary__message
	{
		font-size: 1.4rem;

		margin-bottom: 13px;
		padding: 0;

		border-left: none;
	}

	.extraordinary__label
	{
		padding-left: var(--padding__default);
	}

	.extraordinary__label
	{
		width: 100%;
	}

	.extraordinary a
	{
		margin: 0;
	}
}

/* POSTS
----------------------------------------- */
.blog .loop-post,
.category .loop-post,
.page .loop-page,
.block-news-category .loop-post
{
	padding: var(--padding__default) 0;
}

.loop-post article,
.loop-page .page-item
{
	padding: var(--padding__default) 0;

	border-bottom: 1px solid var(--color__beige);
}

.loop-carousel article
{
	width: 530px;
	padding: 0 var(--padding__default) var(--padding__default) var(--padding__default);

	border-bottom: none;
	border-left: 1px solid var(--color__red);
}

.loop-page .page-item:last-child
{
	border-bottom: none;
}

.loop-post .article__image,
.loop-page .page-item__image
{
	position: relative;

	display: block;

	width: 22.5%;

	background: var(--color__beige);
}

.loop-carousel .article__image
{
	width: 100%;
	height: auto;
	margin-bottom: var(--padding__blocks);
}

.loop-page .page-item__image
{
	max-width: 220px;
	max-height: 220px;
}

.loop-post .article_big .article__image
{
	width: 60%;
}

.loop-post .article__image figure,
.loop-page .page-item__image figure
{
	margin: 0;
}

.loop-post .article__image img,
.loop-page .page-item__image img
{
	display: block;

	width: 100%;
	height: auto;
}

.loop-post .article__wrapper,
.loop-page .page-item__wrapper
{
	width: calc(100% - 22.5% - var(--padding__default));
}

.loop-post .article_big .article__wrapper
{
	width: calc(100% - 60% - var(--padding__default-double));
}

.loop-post .article_big .article__excerpt,
.loop-post .article_big .article__info
{
	margin-bottom: 20px;
}

.loop-post .article__title,
.loop-page .page-item__title
{
	margin: 0;
}

.loop-page .page-item__title a
{
	font-size: 2rem;

	display: inline-block;

	margin-bottom: 15px;
}

.loop-post .article_big
{
	padding-top: 0;
}

.loop-post .article_big .article__title
{
	max-width: 800px;
}

.loop-post .article_big .article__excerpt
{
	font-size: 1.6rem;
}

.loop-post .article__title a
{
	font-size: 2rem;
	line-height: 24px;

	display: block;

	margin-bottom: 10px;

	color: var(--color__red);
}

.loop-post .article__title a:hover
{
	text-decoration: none;
}

.loop-post .article_big .article__title a,
.loop-carousel .article__title a
{
	font-size: 3.4rem;
	line-height: 42px;
}

.loop-post .article__excerpt,
.loop-page .page-item__excerpt
{
	font-size: 1.4rem;

	margin-bottom: 10px;
}

.loop-carousel .article__excerpt
{
	margin-bottom: var(--padding__default);
}

.loop-page .page-item__excerpt
{
	margin-bottom: 34px;
}

.loop-post .article__info
{
	margin-bottom: 10px;
}

.loop-carousel .article__info
{
	margin-top: var(--padding__blocks);
	margin-bottom: 0;
}

.loop-post .article__info .nav-categories,
.loop-post .article__info .article__author
{
	margin-right: 20px;
}

.loop-post .article__info a,
.loop-post .article__info .article__date,
.loop-post .article__info .article__author
{
	font-family: var(--font-family__noto-sans);
	font-size: 1.4rem;

	color: var(--color__brown-lighter);
}

.loop-post .article__info a:hover
{
	color: var(--color__red);
}

.loop-post .article__excerpt p
{
	margin: 0;
}

.loop-carousel .article__more
{
	margin-top: var(--padding__blocks);
}

@media(max-width: 1460px)
{
	.loop-carousel article
	{
		width: calc(100vw / 3);
	}
}

@media (max-width: 960px)
{
	.loop-post .article__title a
	{
		margin-bottom: 5px;
	}

	.loop-page .page-item__title a
	{
		margin-bottom: 10px;
	}

	.loop-carousel .article__title a
	{
		font-size: 2rem;
		line-height: 2.4rem;

		margin-bottom: 15px;
	}

	.loop-post .article__excerpt,
	.loop-page .page-item__excerpt
	{
		display: none;
	}
}

@media (max-width: 760px)
{
	.loop-post,
	.loop-page
	{
		justify-content: center;
	}

	.loop-carousel article
	{
		width: calc(100vw / 2);
	}

	.loop-post .article_big .article__title a
	{
		font-size: 2rem;
		line-height: 2.4rem;

		margin-bottom: 15px;
	}

	.loop-page .page-item__title a
	{
		font-size: 1.4rem;
	}

	.loop-post .article_big .article__image
	{
		width: 100%;
		margin-bottom: 13px;
	}

	.loop-post .article__image,
	.loop-page .page-item__image
	{
		width: 80px;
		height: auto;
	}

	.loop-carousel .article__image
	{
		width: 100%;
	}

	.loop-post .article_big .article__wrapper,
	.loop-post .article__wrapper,
	.loop-page .page-item__wrapper
	{
		width: calc(100% - 80px - 10px);
	}

	.loop-post .article__info
	{
		display: none;
	}

	.loop-post .article__more,
	.loop-page .page-item__more
	{
		font-weight: var(--font-weight__bold);
	}

	.loop-page .page-item__more
	{
		padding: 7px 12px 7px 14px;
	}

	.loop-carousel .article__more
	{
		margin-top: 0;
	}
}

@media (max-width: 600px)
{
	.loop-post .article__title a
	{
		font-size: 1.4rem;
	}

	.loop-post .article_big .article__title a
	{
		font-size: 2rem;
	}

	.loop-carousel .article__title a
	{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	.loop-post .article__more
	{
		display: none;
	}

	.loop-carousel .article__more
	{
		display: inline-block;
	}

	.loop-post .article_big .article__more
	{
		display: inline-block;
	}
}

/* SEARCH RESULT
----------------------------------------- */
.loop-search
{
	margin-bottom: var(--padding__default);
}
.loop-search a
{
	display: block;

	padding: var(--padding__default) 0;

	border-bottom: 1px solid var(--color__beige);
}

.search__title
{
	font-size: 2rem;

	display: block;

	margin: 0;

	color: var(--color__blue);
}

.search__excerpt
{
	font-size: 1.4rem;

	margin-top: var(--padding__default);

	color: var(--color__brown);
}
.search__excerpt p
{
	margin: 0;
}