/* --------------------------- Scrolling Menu Sections Block -------------------------- */

.scrolling-menu-sections h2, .scrolling-menu-sections p, .scrolling-menu-sections ul, .scrolling-menu-sections ol
{
	margin: 0 0 var(--gap_spacing_default) 0;
}

.scrolling-menu-sections h2:last-child, .scrolling-menu-sections p:last-child, 
.scrolling-menu-sections ul:last-child, .scrolling-menu-sections ol:last-child
{
	margin: 0;
}

.scrolling-menu-sections article ul
{
	list-style-type: none !important;
}

.scrolling-menu-sections article ul li
{
    padding-left: 1em;
}

.scrolling-menu-sections article ul li::before
{
    content: "•";
    color: var(--theme_color_primary);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.scrolling-menu-sections .container
{
	display: grid;
	grid-template-columns: 300px auto;
	grid-gap: var(--gap_spacing_extra_large);
}

.scrolling-menu-sections aside h3
{
	text-transform: uppercase;
}

.scrolling-menu-sections aside ul li
{
	font-size: var(--font_size_small);
	line-height: var(--line_height_small);
	margin-bottom: var(--gap_spacing_default);
}

.scrolling-menu-sections aside ul li a
{
	font-weight: normal;
	color: var(--theme_color_secondary);
	border-left: 5px var(--theme_color_quaternary) solid;
	padding-left: var(--gap_spacing_small);
	display: block;
}

.scrolling-menu-sections aside ul li.active a
{
	border-left: 5px var(--theme_color_primary) solid;
	font-weight: bold;
}

.scrolling-menu-sections .scrolling-menu-sections-item
{
	margin-bottom: var(--padding_content_area);
}

.scrolling-menu-sections-item-image-container
{
	display: grid;
	grid-template-columns: max-content auto;
	grid-gap: 30px;
}

@media (max-width: 1400px) {

	.scrolling-menu-sections-item-image-container
	{
		display: block;
	}

	.scrolling-menu-sections-item-image-container img
	{
		display: block;
		margin-bottom: var(--gap_spacing_default);
		float: right;
		margin-left: var(--gap_spacing_default);
	}

}

@media (max-width: 1000px) {

	.scrolling-menu-sections .container
	{
		display: block;
	}

	.scrolling-menu-sections aside
	{
		margin-bottom: var(--padding_content_area);
	}

}

@media (max-width: 768px) {

	.scrolling-menu-sections-item-image-container img
	{
		float: none;
		margin-left: 0;
	}

}