.archiveTitle
{
	background: var(--wp--preset--color--dblue);
	color: #FFF;
	margin: 0 !important;
	min-height: 100px;
	display: flex;
	align-items: end;
	padding-bottom: 30px;
	grid-area: heading;
}

#content.hasSidebar
{
	display: grid;
	grid-template-areas: "heading"
	"sidebar"
	"articles"
	"pagination";
	gap: 40px;
}

.hasSidebar .sidebar
{
	grid-area: sidebar;
	margin-top: 0 !important;
}

.hasSidebar .articles
{
	grid-area: articles;
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
	gap: 30px;
}

.hasSidebar .articles > a
{
	color: var(--wp--preset--color--orange);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.hasSidebar .articles .wp-post-image
{
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

@media(hover:hover)
{
	.hasSidebar .articles .wp-block-image:after
	{
		transition: opacity .5s linear;
	}

	.hasSidebar .articles .wp-block-image:hover:after
	{
		opacity: 0;
	}
}

.hasSidebar .pagination
{
	grid-area: pagination;
}

ul.sidebar
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.wp-block-categories-list
{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

@media(hover:hover)
{

	.wp-block-categories-list a
	{
		text-decoration: none;
	}

	.wp-block-categories-list a:hover
	{
		text-decoration: underline;
	}

}



@media(min-width: 600px)
{
	.archiveTitle
	{
		min-height: 200px;
	}
}

@media(min-width: 700px)
{
	#content.hasSidebar
	{
		display: grid;
		grid-template-areas: "heading heading"
		"sidebar articles"
		"sidebar pagination";
		gap: 40px;
		grid-template-columns: 250px 1fr;
	}
}