.sidebar-title {
	font-family: Poppins;
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.4px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(33,33,33,0.2);
	margin-bottom: 20px;
}

.sidebar-items a {
	margin-bottom: 20px;
	overflow: hidden;
	color: #212121;
	text-overflow: ellipsis;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.36px;
	text-transform: capitalize;
	position: relative;
	padding-left: 30px;
    display: block;
}

.sidebar-items a::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	border: 1px solid rgba(33, 33, 33, 0.50);
	background: #FFF;
	position: absolute;
	left: 0;
	top: 0;
}

.sidebar-items a.active:before {
	border: 1px solid var(--ff-5768, #FF5768);
	background: #FFF;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2613_10363)'%3E%3Cpath d='M8.67531 1.26953L3.58017 5.99632L1.4254 3.69682L0 5.0325L3.48114 8.74748L10 2.70546L8.67531 1.26953Z' fill='%23FF5768'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2613_10363'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/*.sidebar-items a:after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/themes/maxcanvas_child/images/checkmark.svg);
    width: 10px;
    height: 10px;
    left: 4px;
    top: 4px;
}
*/


.sidebar-filter {
	margin-bottom: 1em;
}

.sidebar-items li::marker {
	content: none;
}

.custom-select {
	display: inline-block;
	padding: 0;
	border-radius: 0;
	border: 1px solid #ccc;
	background: 0 0;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
}

.custom-select:hover {
	cursor: pointer;
	color: #1e1e1e;
}

.custom-options-wrapper {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	font-size: 14px;
	z-index: 1;
}

.custom-option {
	padding: 4px 10px;
}

.custom-option:hover {
	font-weight: 600;
	color: #121F47;
}

.custom-select-name {
	padding: .375rem 1.75rem .375rem .75rem;
	font-weight: 400;
	font-size: 14px;
	line-height: 2.5;
	color: #737373;
}

.filterby-dropdown .custom-select {
	height: 100%;
}

.filterby-dropdown select {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	padding: 1em 0.9em;
	position: relative;
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	height: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.filterby-dropdown::after {
	content: "";
	width: 0.35em;
	height: 0.35em;
	border: 1px solid transparent;
	border-color: transparent transparent black black;
	position: absolute;
	top: 1.15em;
	right: 1em;
	transform: rotate(-45deg);
	z-index: -1;
}

.filterby-dropdown {
	position: relative;
}

.categories {
	margin-top: 10px;
}

.categories .meta-item {
	border-radius: 15px;
	background: rgba(117, 251, 145, 0.20);
	color: #212121;
	font-family: Inter;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding: 5px 10px;
	margin-bottom: 8px;
	margin-right: 8px;
	display: inline-block;
}

#main article {
	border-radius: 9px 9px 90px 9px;
	background: #FFF;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	margin: 0 0 30px;
}

#main article img {
	display: block;
}

.article-bottom {
	padding: 20px;
}

.article-bottom .entry-meta {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 12px;
}

.article-bottom .h4 a {
	display: block;
	color: #212121;
	font-size: 18px;
	letter-spacing: -0.36px;
	text-transform: capitalize;
}

.article-bottom .entry-content p {
	font-size: 14px;
	font-weight: 300;
	line-height: 23px;
}

.site-footer {
	margin-top: 6em;
}

@media (max-width: 480px){
	.sidebar {
		margin-bottom: 2em;
	}

	.sidebar-filter:not(.sidebar-main-filter) {
		display: none;
	}

	.sidebar-filter.sidebar-main-filter .filters-block {
		display: none;
	}

	.sidebar-filter.sidebar-main-filter .sidebar-title {
		background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.4211 10.7961L22.3793 10.0496C22.2117 9.51641 21.9984 8.99844 21.7395 8.4957L23.2934 5.90586C23.4762 5.60117 23.4305 5.22031 23.1867 4.97656L21.0234 2.81328C20.7797 2.56953 20.3988 2.52383 20.0941 2.70664L17.5043 4.26055C17.0016 4.00156 16.4836 3.78828 15.9504 3.6207L15.2191 0.578906C15.1277 0.24375 14.823 0 14.4727 0H11.4258C11.0754 0 10.7707 0.24375 10.6793 0.578906L9.94805 3.6207C9.41484 3.78828 8.89688 4.00156 8.39414 4.26055L5.8043 2.70664C5.49961 2.52383 5.11875 2.56953 4.875 2.81328L2.71172 4.97656C2.46797 5.22031 2.42227 5.60117 2.60508 5.90586L4.15898 8.4957C3.9 8.99844 3.68672 9.51641 3.51914 10.0496L0.578906 10.7961C0.24375 10.8723 0 11.177 0 11.5273V14.5742C0 14.9246 0.24375 15.2293 0.578906 15.3055L3.51914 16.052C3.68672 16.5852 3.9 17.1031 4.15898 17.6059L2.60508 20.1957C2.42227 20.5004 2.46797 20.8813 2.71172 21.125L4.875 23.2883C5.11875 23.532 5.49961 23.5777 5.8043 23.3949L8.39414 21.841C8.89688 22.1 9.41484 22.3133 9.94805 22.4809L10.6793 25.4211C10.7707 25.7563 11.0754 26 11.4258 26H14.4727C14.823 26 15.1277 25.7563 15.2191 25.4211L15.9504 22.4809C16.4836 22.3133 17.0016 22.1 17.5043 21.841L20.0941 23.3949C20.3988 23.5777 20.7797 23.532 21.0234 23.2883L23.1867 21.125C23.4305 20.8813 23.4762 20.5004 23.2934 20.1957L21.7395 17.6059C21.9984 17.1031 22.2117 16.5852 22.3793 16.052L25.4211 15.3055C25.7563 15.2293 26 14.9246 26 14.5742V11.5273C26 11.177 25.7563 10.8723 25.4211 10.7961ZM12.9492 16.8594C10.8469 16.8594 9.14062 15.1531 9.14062 13.0508C9.14062 10.9484 10.8469 9.24219 12.9492 9.24219C15.0516 9.24219 16.7578 10.9484 16.7578 13.0508C16.7578 15.1531 15.0516 16.8594 12.9492 16.8594Z' fill='%23FF5768'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right center;
	}

	.sidebar-filter.sidebar-main-filter .filters-block.active {
		display: block;
	}

	.sidebar-filter:not(.sidebar-main-filter).active {
		display: block;
	}

	.categories .meta-item {
	    max-width: 100%;
	    margin: 10px 0;
	}
}