@import '../GlobalStyles/colors';
@import '../GlobalStyles/vars';

.expanded,
.collapsed {
	.contentWrapper {
		width: $--expanded-layout-content-width;
		margin: 0 0 0 auto;

		&.contentWrapperMinHeight {
			min-height: calc(100vh - 110px);
		}

		// &.narrow {
		// 	margin-left: 250px;
		// 	max-width: calc(100vw - 265px);
		// }

		&.footer {
			position: fixed;
			bottom: 0;
			right: 0;
			background: #fff;

			display: flex;
			flex-direction: row;
			justify-content: space-between;
			border-top: 1px solid $dropShadow;
			margin: 45px 0 5px auto;
			margin: 0;
			padding: 5px 10px;
			font-size: 12px;
			color: $font-light-grey;

			a {
				color: $font-grey-darker;
				text-decoration: none;

				&:hover {
					color: $font-light-grey;
				}
			}

			svg {
				width: 70px !important;
				height: 15px !important;
			}
		}
	}
}

.collapsed {
	.contentWrapper {
		width: $--collapsed-layout-content-width;
	}
}

.expanded {
	box-shadow: none;
}