@import '../core/colors';

#secondary {
	border-left: @background-darker solid 1px;
	padding: 15px;
	position: sticky;
	top: 0;
	height: fit-content;
	align-items: flex-start;
	background: #fafafa;
	@media screen and (max-width: 767px) {
		border: none;
	}
}
.widget {
	padding: 15px;
	h2, h3, h4, h1, .widget-title {
		font-weight: 400;
		font-size: 24px;
		padding-bottom: 10px;
		border-bottom: solid 2px @background-darker;
	}
	ul, ol {
		margin-left: 3px;
		padding-left: 0px;
		list-style: none;
	}
	li {
		padding: 8px 0;
		&:last-child {
			border-bottom: none;
		}
		a {
			color: @text-light;
			text-decoration: none;
			&:hover {
				color: @secondary-dark;
			}
		}
	}
	p{
		a{
			text-decoration: underline;
			color: @primary;
		}
	}
	.widget_block {
		h1,h2,h3,h4,h5,h6 {
			&:only-child {
				margin-bottom: -40px;
			}
		}
	}
}