/*----------------------------------------------------------------- */
/* SINGLES
/*----------------------------------------------------------------- */
.article__sidebar
{
	margin-bottom: 40px;
}

.article__sidebar-item
{
	padding: 28px;
}

.article__sidebar-item h2
{
	font-size: 2.4rem;
	font-weight: var(--font-weight__medium);

	text-align: left;
}

.article__sidebar .loop_sidebar
{
	gap: 16px;
	grid-template-columns: 100%;
}

.article__sidebar .loop_sidebar article
{
	border: none;
}

.article__sidebar .row
{
	justify-content: flex-start;

	gap: 18px;
}

.article__sidebar .article__title
{
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__medium);

	transition: text-decoration var(--transition-duration__default);
	text-decoration: underline;
}

.article__sidebar a:hover .article__title
{
	text-decoration: solid underline transparent;
}

.article__sidebar .loop_sidebar .article__image
{
	margin-bottom: 0;
}

/* POPULAR
----------------------------------------- */
.article__sidebar-popular
{
	margin-bottom: 32px;

	box-shadow: 0 2px 26px rgba(225, 229, 255, 0.5);
}

/* EVENTS
----------------------------------------- */
.article__sidebar-events
{
	text-align: center;

	border: 2px solid var(--color__yellow);
}

.article__sidebar-events a
{
	font-size: 1.3rem;
	font-weight: var(--font-weight__medium);

	display: inline-block;

	margin-top: 16px;

	text-decoration: underline;
}

.article__sidebar-events a:hover
{
	text-decoration: solid underline transparent;
}

/* ARTICLE
----------------------------------------- */
.article__wrapper
{
	position: relative;
}

.intro + .article__wrapper
{
	overflow: hidden;

	padding: 0;
}

.article__wrapper .container_content,
.article__wrapper .container_layout
{
	margin: 0;
}

@media (min-width: 961px)
{
	.single-article .article__wrapper > .container,
	.single-podcast .article__wrapper > .container,
	.single-innovation .article__wrapper > .container
	{
		display: grid;

		grid-gap: 30px;
		grid-template-areas: 'main sidebar';
		grid-template-columns: 1fr 320px;
	}

	.article__content
	{
		grid-area: main;
	}
}

@media (min-width: 1100px)
{
	.article__content .block.block_cta-box
	{
		margin-right: -26%;
	}
}

@media (min-width: 1261px)
{
	.single-article .article__wrapper > .container,
	.single-podcast .article__wrapper > .container,
	.single-innovation .article__wrapper > .container
	{
		grid-template-columns: 1fr 370px;
	}
}

/* SHARE
----------------------------------------- */
.article__share
{
	margin-bottom: 80px;
	padding: 36px 0;

	border-bottom: 1px solid var(--color__grey-light);
}

.article__share-title
{
	font-size: 1.6rem;
	font-weight: var(--font-weight__medium);

	flex: 1 1 100%;

	margin-right: 20px;
	margin-bottom: 10px;
}

.article__share-links
{
	gap: 18px 32px;
}

.article__share-links a
{
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__medium);

	display: flex;
	align-items: center;

	text-decoration: underline;

	color: var(--color__blue);
}

.article__share-links a:hover
{
	text-decoration: solid underline transparent;
}

.article__share-links a .icon
{
	margin-right: 8px;
}

@media (max-width: 960px)
{
	.article__share
	{
		margin-bottom: 40px;
	}
}

@media (min-width: 1261px)
{
	.article__share-title
	{
		flex: 0 0 auto;

		margin-bottom: 0;
	}
}

/* ARTICLE MORE
----------------------------------------- */
.article__more,
.article__more .loop
{
	margin-bottom: 36px;
}

.article__more .loop + a
{
	text-decoration: underline;
}

.article__more .loop + a:hover
{
	text-decoration: solid underline transparent;
}

/* EVENT CONTENT
----------------------------------------- */
.event-content.event.type-event
{
	padding: 0;

	border: none;
}
.event__meta
{
	font-size: var(--font-size__small);

	display: grid;

	margin-bottom: 2rem;
	padding: 15px 16px;

	border: 2px solid var(--color__yellow-light);
}
.event__price
{
	display: block;

	padding-left: 22px;

	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'16\' height=\'10\' viewBox=\'0 0 16 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath d=\'M15.2 0H.8C.358 0 0 .373 0 .833v8.334c0 .46.358.833.8.833h14.4c.442 0 .8-.373.8-.833V.833c0-.46-.358-.833-.8-.833Zm-14 8.75V7.083c.884 0 1.6.746 1.6 1.667H1.2Zm0-5.833V1.25h1.6c0 .92-.716 1.667-1.6 1.667ZM8 7.5C6.895 7.5 6 6.38 6 5s.896-2.5 2-2.5 2 1.12 2 2.5c0 1.381-.896 2.5-2 2.5Zm6.8 1.25h-1.6c0-.92.716-1.667 1.6-1.667V8.75Zm0-5.833c-.884 0-1.6-.746-1.6-1.667h1.6v1.667Z\' fill=\'%23000\'/%3e%3c/svg%3e');
	background-repeat: no-repeat;
	background-position: left center;
}
.event__address
{
	font-style: normal;
}
.event__add-to-cal
{
	position: relative;
}
.event__add-to-cal button
{
	font-size: 1.3rem;
	font-weight: var(--font-weight__medium);

	display: block;

	padding-left: 20px;

	text-align: left;
	text-decoration: solid underline currentColor;

	color: var(--color__red);
	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath d=\'M11.75 5.25H6.75V0.25C6.75 0.111875 6.63812 0 6.5 0H5.5C5.36188 0 5.25 0.111875 5.25 0.25V5.25H0.25C0.111875 5.25 0 5.36188 0 5.5V6.5C0 6.63812 0.111875 6.75 0.25 6.75H5.25V11.75C5.25 11.8881 5.36188 12 5.5 12H6.5C6.63812 12 6.75 11.8881 6.75 11.75V6.75H11.75C11.8881 6.75 12 6.63812 12 6.5V5.5C12 5.36188 11.8881 5.25 11.75 5.25Z\' fill=\'%23BC0806\'/%3e%3c/svg%3e ');
	background-repeat: no-repeat;
	background-position: left top;
}
.event__add-to-cal button:hover
{
	text-decoration: none;
	text-decoration: solid underline transparent;
}
.event__add-to-cal-modal
{
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 50%;

	padding: 0 16px;

	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);

	background: var(--color__white);
	box-shadow: 0 16px 28px rgba(225, 229, 255, 0.35);
}
.event__add-to-cal-modal a
{
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__medium);

	display: flex;
	align-items: center;

	margin: 12px 0;

	white-space: nowrap;
	text-decoration: underline;

	color: var(--color__blue);
}
.event__add-to-cal-modal a:hover
{
	text-decoration: none;
	text-decoration: solid underline transparent;
}
.event__add-to-cal-modal a svg
{
	margin-right: 8px;
}
.event-sidebar__wrap
{
	padding: 28px;

	text-align: center;

	border: 2px solid var(--color__yellow-light);
}
.event-sidebar__wrap a
{
	font-size: 1.3rem;
	font-weight: var(--font-weight__medium);

	display: inline-block;

	margin-top: 16px;

	text-decoration: solid underline currentColor;
}
.event-sidebar__wrap a:hover
{
	text-decoration: solid underline transparent;
}
.event-sidebar__wrap h2
{
	font-size: clamp(2rem, 2.8vw, 2.4rem);
	font-weight: var(--font-weight__medium);

	text-align: left;
}

@media (max-width: 760px)
{
	.event__meta
	{
		gap: 1rem;
		grid-template-columns: 100%;
	}

	.event__add-to-cal-modal
	{
		left: 0;

		-webkit-transform: none;
		        transform: none;
	}
}

@media (min-width: 761px)
{
	.event__meta
	{
		align-items: center;
		justify-content: space-between;

		grid-gap: 3px 10px;
		grid-template-areas: 'date cal button'
		'place price button';
	}
	.event__date
	{
		grid-area: date;
	}
	.event__price
	{
		grid-area: price;
	}
	.event__address
	{
		grid-area: place;
	}
	.event__add-to-cal
	{
		position: relative;

		grid-area: cal;
	}
	.event__btn
	{
		grid-area: button;
	}
}

@media (min-width: 1261px)
{
	.event__meta
	{
		padding: 15px 24px;

		grid-gap: 3px 30px;
	}
}