$widget-link-color: #292929;
$widget-link-color-hover: #000;
$widget-menu-background: #f7f7f7;

.middle {
	.widget {
		a {
			color: $header-widget-color;
			text-decoration: underline;

			&:hover {
				color: $widget-link-color-hover;
			}
		}

		@media (max-width: $breakpoint-small) {
			a {
				display: block;
				text-decoration: none;
			}
		}
	}
}


.widget {
	.menu-item {
		.sub-menu {
			position: static;
			border: none;
			box-shadow: none;
			background: $widget-menu-background;
		}

		@media (max-width: $breakpoint-small) {
			border-bottom: 1px solid #ccc;
			padding: 8px 0;

			.sub-menu {
				height: 0;
				visibility: hidden;
				opacity: 0;
				background: #e5e5e5;
				padding: 0 10px;

				.menu-item {
					&:last-child {
						border-bottom: none;
					}
				}

				.sub-menu {
					background: $widget-menu-background;
				}
			}

			&.is-extended {
				padding-bottom: 0;

				& >	.sub-menu {
					height: 100%;
					visibility: visible;
					opacity: 1;
					margin-top: 10px;
				}
			}

			.dropdown-arrow {
				height: 40px;
				width: 40px;
				top: 0;
				display: block;
			}
		}
	}

	.search-form {
		input[type="search"] {
			display: inline-block;
		}

		input[type="submit"] {
			display: inline-block;
		}
	}
}