.widget-area {
	margin-top: 90px;
	section {
		margin-bottom: 35px;
	}
}
.widget {
	background: $color__background-widget;
	word-wrap: break-word;
	/* Make sure select elements fit in widgets. */
	select {
		max-width: 100%;
	}
	ul {
		list-style: none;
	}
	ul.children,
	ul.sub-menu {
		margin-top: 7px;
	}
	> div > ul {
		background: $color__background-widget;
		list-style: none;
		padding: 20px 25px;
		margin: 0;
		li {
			text-transform: uppercase;
			+ li {
				margin-top: 7px;
			}
		}
	}
	.form-search,
	.widget-content {
		padding: 25px 15px;
		background: $color__background-widget;
	}
	> ul {
		background: $color__background-widget;
		list-style: none;
		padding: 20px 25px;
		margin: 0;
		li {
			text-transform: uppercase;
			+ li {
				margin-top: 7px;
			}
		}
	}
	.widget-title {
		@include font-size(1.4);
		font-weight: 400;
		margin: 0;
		text-transform: uppercase;
		text-align: center;
		position: relative;
		display: inline-block;
		margin-left: 35%;
		color: rgba(0,0,0,0.8);
		letter-spacing: 0.05em;
		&:before {
			position: absolute;
			content: '';
			top: 53%;
			left: 0.5%;
			right: 0;
			bottom: 55px;
			background: #30d1f9;
			width: 100%;
			height: 65%;
			opacity: 0.12;
		}
	}
	> select {
		width: calc(100% - 50px);
		padding: 10px;
		margin: 20px 25px;
	}
	.textwidget {
		padding: 20px 15px;
	}
	select {
		&:focus,
		&:active {
			outline: none;
		}
	}
}
.widget_text {
	.contact-form {
		input[type="text"],
		textarea {
			width: 100% !important;
			padding: 10px 13px;
			margin-bottom: 10px;
			font-weight: 400;
			@include font-size(1.4);
		}
		textarea {
			height: 113px;
		}
		.contact-submit {
			.pushbutton-wide {
				width: 100%;
				border-radius: 100px;
				text-transform: uppercase;
				@include font-size(1.4);
				letter-spacing: 0.05em;
				padding-top: 14px;
				padding-bottom: 14px;
				background-color: $color__white;
				color: $color__main;
				&:focus,
				&:active {
					outline: none;
					background-color: $color__main;
					color: $color__white;
				}
			}
		}
	}
}

.aside-post {
	margin-bottom: 30px;
	.image {
		float: left;
		width: 70px;
		margin-right: 23px;
		position: relative;
		display: block;
		overflow: hidden;
		max-height: 74px;
		box-shadow: 1px 0 36px rgba(0,0,0,0.15);
		img {
			-webkit-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;
			height: 65px;
			object-fit: cover;
			border: 8px solid #fff;
		}
	}
	.name {
		margin-bottom: 0;
		margin-top: 0;
		line-height: (18/13);
		font-family: $font__main;
		a {
			color: $color__black;
			font-weight: 400;
			@include font-size(1.6);
			&:hover {
				color: $color__main;
				text-decoration: none;
			}
		}
	}
	.time {
		.byline,
		.posted-on {
			text-transform: uppercase;
			font-weight: 400;
			margin-right: 15px;
			@include font-size(1.1);
			letter-spacing: 0.05em;
			a {
				color: $color__text-gray;
			}
			&:hover a {
				text-decoration: none;
				color: $color__link-hover;
			}
		}
		.entry-date {
			color: $color__text-gray;
		}
	}
	&::after,
	&::before {
		content: '';
		display: table;
		clear: both;
	}
	+ .aside-post {
		margin-top: 15px;
	}
}

.page_item_has_children {
	.children {
		margin-top: 3px;
	}
}


@media(max-width: 320px) {
	.widget {
		.widget-content {
			padding: 25px 0px;
		}
	}
}
@import "contact";
@import "error404";
@import "searchform";
@import "jetpack-subscription";
@import "archive";