.sh-widgets {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
}

.sh-widget {
	background-color: var(--sh-area-background-reset);
	border-radius: var(--sp-5);
}

.sh-widgets .sh-widget {
	margin-bottom: var(--sp-7);
}

.sh-widget .sh-widget-title {
	padding: var(--sp-7) var(--sp-5) var(--sp-8) var(--sp-5);
	margin: var(--sp-0);
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

.sh-widget .sh-widget-title::before {
    content: '\f07b';
	font-family: 'Font Awesome 6 Free';
	background-color: var(--sh-body-bg);
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: var(--sp-10);
	position: relative;
	margin-right: var(--sp-3);
}

.sh-widget .sh-widget-inner {
	padding: var(--sp-0) var(--sp-5) var(--sp-5) var(--sp-5);
}

.sh-widget .sh-widget-list {
	padding: var(--sp-0);
	margin: var(--sp-0);
	list-style: none;
}

.sh-widget .sh-widget-list .sh-widget-list-item {
	display: flex;
	align-items: center;
	grid-gap: var(--sp-5);
	margin-bottom: var(--sp-4);
	position: relative;
	padding: var(--sp-3) var(--sp-2);
}

.sh-widget .sh-widget-list .sh-widget-list-item:nth-child(even) {
    background-color: var(--sh-body-bg);
    border-radius: var(--sp-4);
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-photo img {
	width: 44px;
	height: 44px;
	border-radius: var(--sp-10);
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content {
	line-height: 1.8;
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content h4 {
	font-size: 14px;
	padding: var(--sp-0);
	margin: var(--sp-0);
	max-width: 230px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content>div span:last-child:not(:first-child) {
	font-size: 12px;
	margin-left: var(--sp-2);
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content span:last-child:not(:first-child),
.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content>div a {
	color: var(--sh-text-light);
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-content>div a:hover {
	color: var(--sh-link-hover-clr);
}

.sh-widget .sh-widget-list .sh-widget-list-item .sh-widget-list-item-post-count {
	background-color: var(--sh-link-hover-clr);
	position: absolute;
	right: var(--sp-0);
	top: 50%;
	transform: translate(0px, -50%);
	width: 33px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	border-radius: var(--sp-10);
	font-weight: 700;
}

.sh-widgets .sh-widget:last-child {
	margin-bottom: var(--sp-0);
}