/*----------------------------------------------------------------- */
/* SIDEBAR
/*----------------------------------------------------------------- */

.sidebar {
	width: var(--width__sidebar);
	margin-top: 91px;

	border-left: 1px solid var(--color__white-darker);
}

.post-type-archive-news .sidebar,
.single-news .sidebar,
.post-type-archive-event .sidebar,
.single-event .sidebar,
.single-blog .sidebar {
	border: none;
}

.single-news .sidebar {
	margin-top: 133px;
}

.sidebar section {
	margin-bottom: 50px;
}

.sidebar h2,
.event-box h2,
.blog-box h2,
.home-articles h2 {
	font-family: var(--font-family__heading);
	font-size: 1.7rem;
	font-weight: var(--font-weight__bold);

	position: relative;

	margin-bottom: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;

	text-align: center;
	letter-spacing: 3.5px;
}

.sidebar h2:before,
.event-box h2:before,
.blog-box h2:before,
.home-articles h2:before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	display: block;

	width: 70px;
	height: 1px;
	margin: 0 auto;

	content: "";

	background: var(--color__white-darker);
}

@media (max-width: 1100px) {
	.sidebar {
		display: none;
	}
}

/* SEPARATOR
----------------------------------------- */
.widget_custom_html hr {
	display: block;

	height: 1px;
	margin: 60px 0;
	margin-left: 35px;
	padding: 0;

	border: 0;
	border-top: 1px solid var(--color__white-darker);
}

/* MENU
----------------------------------------- */
.widget_nav_menu {
	margin-bottom: 15px;
}

.widget_nav_menu ul {
	margin: 0;
}

.widget_nav_menu a {
	font-size: 1.7rem;

	position: relative;

	display: inline-block;

	padding: 13px 0 13px 35px;

	text-decoration: none;

	color: var(--color__black);
}

.widget_nav_menu a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;

	width: 3px;
	height: 100%;
	margin: auto 0;

	content: "";

	background: transparent;
}

.widget_nav_menu .active-item > a,
.widget_nav_menu a:hover {
	color: var(--color__red);
}

.widget_nav_menu .active-item > a,
.widget_nav_menu .active-ancestor > a {
	font-weight: var(--font-weight__bold);
}

.widget_nav_menu .active-item > a:before {
	background: var(--color__red);
}

.widget_nav_menu .sub-menu {
	margin-bottom: 10px;
}

.widget_nav_menu .sub-menu a {
	padding: 7px 0 7px 55px;
}

/* TEXT & LINKS
----------------------------------------- */
.widget_text:not(.widget_custom_html) {
	margin-bottom: 30px;
	padding-left: 35px;
}

.widget_text:not(.widget_custom_html) a {
	font-size: 1.7rem;

	display: inline-block;

	margin: 7px 0;
}

/* EVENTS
----------------------------------------- */
.event-box,
.blog-box {
	padding: 26px 30px;

	text-align: center;

	background: var(--color__white-dark);
}

.blog-box {
	padding: 26px 60px;
}

.event-box-loop .event,
.blog-box-loop .blog {
	text-decoration: none;

	color: var(--color__black);
}

.blog-box-loop .blog {
	margin: 20px 0;
}

.event-box-loop .event__date {
	flex-direction: column;
	flex-wrap: nowrap;

	width: 60px;
	height: 70px;

	border: 1px solid var(--color__white-darker);
	border-radius: 7px;
}

.event-box-loop .event__day {
	font-family: var(--font-family__heading);
	font-size: 2.4rem;
	font-weight: var(--font-weight__bold);

	letter-spacing: -1px;
}

.event-box-loop .event__month {
	font-size: 1.3rem;
	font-weight: var(--font-weight__bold);

	padding-left: 3px;

	letter-spacing: 2px;
	text-transform: uppercase;

	color: var(--color__black-lighter);
}

.event-box-loop .event__title,
.blog-box-loop .blog__title {
	font-family: var(--font-family__default);
	font-size: 1.7rem;
	font-weight: var(--font-weight__bold);

	width: calc(100% - 60px - 15px); /* 100% - date width - margin */
	padding-top: 12px;

	transition: var(--transition-delay__default);
	text-align: left;
	text-decoration: underline;

	color: var(--color__red);
}

.blog-box-loop .blog__title {
	width: 100%;
}

.event-box-loop .event:hover .event__title,
.blog-box-loop .blog:hover .blog__title {
	color: var(--color__red-dark);
}

.event-box .event__more,
.blog-box .blog__more {
	font-size: 1.7rem;
}
