/*-------*/
/* ASIDE */
/*-------*/
.revilodesign aside {
	width: 300px;
	min-width: 300px;
	display: flex;
	flex-direction: column;
	gap: 48px;
	order: -1;
	position: sticky;
	top: 104px;
}
.revilodesign aside div.title {
	font-weight: 700;
	margin-bottom: 16px;
}
.revilodesign aside ul {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.revilodesign aside ul li,
.revilodesign aside ul li.h1,
.revilodesign aside ul li.h2,
.revilodesign aside ul li.h3,
.revilodesign aside ul li.h4,
.revilodesign aside ul li.h5,
.revilodesign aside ul li.h6 {
	list-style: none;
	line-height: initial;
	font-size: initial;
}
.revilodesign aside ul li a {
	color: var(--revilodesign_textColor);
	font-weight: 300;
	font-size: var(--revilodesign_text_small_fontSize);
	line-height: var(--revilodesign_text_small_fontSize);
}
.revilodesign aside ul ul {
	padding-left: 16px;
	padding-top: 8px;
}
.revilodesign div.postImage {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--revilodesign_borderRadius);
	overflow: hidden;
}
.revilodesign div.postImage picture {
	width: 100%;
	height: initial;
	display: flex;
}
.revilodesign div.postImage picture img {
	width: 100%;
	height: initial;
}
/*-------------*/
/* !ASIDE CATS */
/*-------------*/
.revilodesign aside ul.cats {
	gap: 8px;
}
.revilodesign aside ul.cats li {
	border-radius: var(--revilodesign_borderRadius);
	background-color: rgba( var(--revilodesign_light), 1);
	transition: var(--revilodesign_transition);
}
.revilodesign aside ul.cats li.current {
	background-color: rgba( var(--revilodesign_black), 1);
}
.revilodesign aside ul.cats li a {
	padding: 12px 16px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
	font-size: var(--revilodesign_headline_h4_fontSize);
	line-height: var(--revilodesign_headline_h4_lineHeight);
	font-weight: var(--revilodesign_headline_h4_fontWeight);
	background-color: transparent;
	border-radius: var(--revilodesign_borderRadius);
}
.revilodesign aside ul.cats li:hover {
	background-color: rgba( var(--revilodesign_primary), 1);
}
.revilodesign aside ul.cats li.current,
.revilodesign aside ul.cats li.current:hover {
	background-color: rgba( var(--revilodesign_black), 1);
}
.revilodesign aside ul.cats li:hover a {
	text-decoration: none;
	color: rgba( var(--revilodesign_white), 1);
}
.revilodesign aside ul.cats li:hover a {
	text-decoration: none;
	color: rgba( var(--revilodesign_white), 1);
}
.revilodesign aside ul.cats li a i {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
}
@media ( max-width: 768px ) {
	.revilodesign aside {
		width: 100%;
		min-width: 100%;
	}	
}