.off-canvas-menu {
	display: none;
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: -110vw;
	background-color: #2D863E;
	color: #fff;
	z-index: 1000;
	.off-canvas-header {
		@include flexbox();
		justify-content: space-between;
		align-items: center;
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2.6rem;
		margin-bottom: 4.55rem;
		.hamburger-btn {
			background-color: #59BC6C;
			border-radius: 4rem;
			@include flexbox();
			align-items: center;
			justify-content: center;
			height: 2.5rem;
			width: 2.5rem;
			justify-self: flex-end;
			z-index: 1001;
			svg {
				color: #fff;
			}
		}
	}
	.off-canvas-body {
		position: relative;
		z-index: 1001;
		height: 60vh;
		overflow-y: scroll;
		ul {
			flex-direction: column;
			width: 86%;
			margin-left: auto;
			margin-right: auto;
			li {
				padding: 1.52rem 0;
				border-bottom: 1px solid #1F712E;
				a {
					font-size: 1.444rem; 
					color: #fff;
					font-family: opensans_semibold;
					position: relative;
					z-index: 1;
				}
				a.dropdown-toggle::after {
					display: none;
				}
				a.dropdown-toggle {
					@include flexbox();
					align-items: center;
					span.caret {
						position: relative;
						z-index: 2;
						margin-left: 1rem;
						svg.show {
							display: inline-block;
							opacity: 1;
						}
						svg {
							display: none;
							opacity: 0;
							position: relative;
							z-index: 2;
						}
					}
				}
				ul.dropdown-menu {
					position: relative;
				    background: transparent;
				    border: none;
					li {
						border-bottom: none;
						padding: 0.833rem 0;
						a {
							font-family: opensans_light;
						}
					}
				}

			}
			li:last-of-type {
				border-bottom: 1px solid transparent;
			}
		}
	}
	.off-canvas-footer {
		position: absolute;
		width: 100%;
		bottom: 0;
		border-top: 1px solid #1F712E;
		padding-left: 7%;
		padding-right: 7%;
		padding-top: 2.55rem;
		padding-bottom: 2.55rem;
		z-index: 1002;
		background-color: #2D863E;
		.aws-container {
			height: 100%;
			.aws-search-form {
				border: 2px solid #fff;
				border-radius: 4rem;
				height: 100%;
				background: transparent;
				.aws-form-btn {
					background-color: transparent;
					background: transparent;
					border: none;
					.aws-search-btn_icon {
						color: #fff;
						height: 1.444rem;
						width: 1.444rem;
					}
				}
			}
			.aws-search-field {
				background-color: transparent;
				border: none;
				color: #fff;
				font-size: 1.444rem;
			}
		}
	}
}

.off-canvas-menu.show {
	display: block;
}

.aws-search-results-2 {
    top: 36.7% !important;
}