/* COMPONENTS > SIDEBARS */

:root
{
	--sidebar-width---tap: 50rem;
}

.content-w-sidebar---tap
{
	display: flex;
    flex-direction: column;
}

.sidebar---tap
{
	padding: var(--space-xs) var(--space-m) var(--space-m);
	width: 100%;
	max-width: var(--sidebar-width---tap);
	order: 1000;
}

.sidebar---tap ul.menu
{
	list-style: none;
	padding: 0;
}

.sidebar---tap ul.menu li a 
{
	display: block;
    padding: var(--space-s);
}

@media only screen and (min-width: 1366px)
{
	.content-w-sidebar---tap
	{
		display: block;
	}
	
	.sidebar---tap
	{
		float: right;
		clear: both;
		margin-left: var(--space-m);
		/*margin-right: calc(var(--space-xs) * -1);*/
		margin-bottom: var(--space-m);
		width: 33%;
		max-width: initial;
		min-width: var(--sidebar-width---tap);
	}
}