/* FILE: sidebar/_sidebar.scss */

.sidebar {
	position: relative;
	margin: var(--white_space) 0 0;

	@include media( map_get( $breakpoint, 'l' ) ) {
		float: $right;
		position: relative;
		width: calc( ( 100% * var(--sidebar_width) ) - var(--posts_list_gap) );
		z-index: 1; // Above page header.

		.no-primary-title & {
			margin-top: 0;
		}

	}

	@include media( ( map_get( $breakpoint, 'l' ), 'max-width' ) ) {
		margin-top: var(--white_space) !important; // Has to be important to override inline styles.
	}

	.widget {
		@extend %shaded_background;
		position: relative;
		padding: 2em;

		&:not(:first-child) {
			margin-top: 2em;
		}

		@include media( map_get( $breakpoint, 'xl' ) ) {
			padding: 3em;

			&:not(:first-child) {
				margin-top: 3em;
			}

		}

	}

	select {
		width: 100%;
	}

}