.widget {
	background-color: $content-background-color;
	
	color: $medium-gray;
	color: rgba(51, 51, 51, 0.7);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 auto;
	padding: 30px $base-padding;	
	width: 100%;
	word-wrap: break-word;
	pre {
		line-height: 1.2;
	}
	> :first-child {	
		padding-top: 0;
	}
	> :last-child {
		margin-bottom: 0;
	}
}

.widget-title {
	@include font-size(16);
	color: $dark-gray;
	margin: 0 0 $em-base * 0.5;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.widget_calendar table {
	margin: 0;
	td,
	th {
		line-height: 2.3333;
		text-align: center;
		padding: 0;
	}
	caption {
		font-weight: 700;
		margin: 0 0 1.6em;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
	tbody a {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
		background-color: $dark-gray;
		color: #fff;
		display: block;
		font-weight: 700;
		&:hover,
		&:focus {
			background-color: $medium-gray;
			background-color: rgba(51, 51, 51, 0.7);
			color: #fff;
		}
	}
}

.widget_archive,
.widget_categories,
.widget_links,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries {
	a {
		border: 0;	
	}
	ul {
		list-style: none;
		margin: 0;		
	}
	li {
		border-top: 1px solid $light-gray;
		border-top: 1px solid rgba(51, 51, 51, 0.1);
		padding: 0.7667em 0;		
	}
	li:first-child {
		border-top: 0;
		padding-top: 0;
	}
	li:last-child {
		padding-bottom: 0;
	}
	.widget-title {
		margin-bottom: $em-base;
	}
}

.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
	border-top: 1px solid $light-gray;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	margin: 0.7667em 0 0 0.8em;
	padding-top: 0.7667em;
}

.widget_recent_entries .post-date {
	display: block;
}

.widget_rss {
	ul {
		list-style: none;
		margin: 0;
	}
	li {
		margin-bottom: 1.6em;
	}
	ul:last-child,
	li:last-child {
		margin-bottom: 0;
	}
	.rsswidget {
		border: 0;
		font-weight: 700;
		img {
			margin-top: -4px;
		}
	}
	.rss-date,
	cite {
		@include font-size(19);
		font-style: normal;
		display: block;
		line-height: 2;
		opacity: 0.8;
	}
}

.textwidget {
	> :last-child {
		margin-bottom: 0;
	}	
	a {
		border-bottom: 1px solid $dark-gray;
		&:hover,
		&:focus {
			border-bottom: 0;		
		}
	}
}


@include media($large-screen-up) {

	.widget {
		margin: 0 auto 30px;
	}

}