
/**
 * 7. Sidebar
 * -----------------------------------------------------------------------------
 */

.sidebar {
	width: 340px;
	float: right;
	.widget {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		font-size: 16px;
		margin-bottom: 20px;
		padding: 20px;
		a {
			color: $accent-1;
			&:hover {
			}
		}
		.widget-title {
			color: $accent-1;
			font-size: 18px;
			margin-bottom: 15px;
			text-transform: uppercase;
			span {
				color: #333;
			}
		}
		p {
			margin-bottom: 15px;
		}
		ul {
			.children,
			.sub-menu {
				padding-left: 1.5em;
				// li:first-child {
				// 	padding: 15px 0;
				// 	border-top: 1px solid #e6e6e6;
				// }
			}
		}
		ul > li {
			list-style: disc inside;
			margin-bottom: 7px;
			a {
				color: #333;
				&:hover {
					color: $accent-1;
				}
			}
		}
		ul li:last-child {
			margin-bottom: 0;
		}
		select {
			width: 100%;
			max-width: 100%;
		}
	}
	.widget_nav_menu,
	.widget_posts,
	.widget_posts_thumbnail ul li {
		list-style: none;
	}
	.widget_posts_thumbnail {
		line-height: 1.4;
		ul > li {
			margin-bottom: 15px;
		}
	}
	.widget_125 {
		padding-bottom: 12px;
		img {
			border: 1px solid #f0f0f0;
			padding: 8px;
		}
	}
}

.widget_posts {
	ul > li {
		border-bottom: 1px solid #e6e6e6;
	}
	.entry-title {
		font-size: 16px;
		margin-bottom: 10px;
	}
}

/* Newsletter Widget */
.widget_newsletter {
	.widget-title {
	}
	p {
		font-size: 16px;
		margin-bottom: 20px;
	}
	input {
		font-size: 16px;
		width: 300px;
		margin-bottom: 10px;
	}
	button {
		background-color: #52b043;
		color: #fff;
		width: 300px;
		padding: 0;
	}
}

.widget_social_icons {
	a {
		padding-right: 5px;
	}
	.fa {
		font-size: 15px;
		line-height: 30px;
		display: inline-block;
		width: 30px;
		height: 30px;
		margin: 0 2px 0 0;
		transition: all 200ms ease-in-out 0s;
		text-align: center;
		color: #fff;
		border-radius: 50%;
		background-color: #999;
		&:hover {
			opacity: .8;
		}
	}
	.fa-facebook {
		background-color: #3b5998;
	}
	.fa-twitter {
		background-color: #55acee;
	}
	.fa-google-plus {
		background-color: #dd4b39;
	}
	.fa-instagram {
		background-color: #3f729b;
	}
	.fa-pinterest {
		background-color: #cc2127;
	}
	.fa-tumblr {
		background-color: #35465c;
	}
	.fa-linkedin {
		background-color: #0077b5;
	}
	.fa-rss {
		background-color: #f26522;
	}
}

.widget_nav_menu ul li {
	list-style: none !important;
	.fa {
		min-width: 20px;
	}
}
/* Tabs Widget */
.widget_tabs {
	padding: 0 !important;
	.tabs-nav {
		border-bottom: 1px solid #e6e6e6;
		width: 100%;
		height: 50px;
		line-height: 50px;
		list-style: none;
		margin: 0;
		padding: 0 20px;
		overflow: visible;
		li {
			background: none;
			border-bottom: none;
			display: inline-block;
			list-style: none;
			overflow: hidden;
			margin: 0 15px 0 0;
			padding: 0;
			position: relative;
			&.active {
				a,
				a:visited {
					color: $accent-1;
				}
			}
			a {
				display: block;
				color: #999;
				font-family: $heading-font-family;
				font-size: 14px;
				font-weight: bold;
				position: relative;
				text-transform: uppercase;

				&:hover {
					color: $accent-1;
				}
			}
		}
		li:last-child {
			margin-bottom: 7px !important;
		}
	}

	.tab-content {
		padding: 20px 20px 0 20px;
		ul {
			li {
				list-style: none;
				line-height: 1.4;
				margin: 0;
				padding: 0;
				&:last-child {
					border-bottom: none;
				}

				.entry-thumbnail {
					float: left;
					width: 64px;
					height: 64px;
					margin: 0 15px 0 0;
				}
				.entry-title {
					font-size: 16px;
					font-family: $heading-font-family;
					font-weight: 400;
					display: table;
				}
				.entry-meta {
					margin: 5px 0 0 0;
					color: #9f9f9f;
					font-size: 13px;
				}
				a {
					display: block;
					margin: 0 0 20px 0;
					&:hover {
						text-decoration: none;
						.entry-title {
							color: $accent-1;
						}
					}
					&:after {
						visibility: hidden;
						display: block;
						font-size: 0;
						content: " ";
						clear: both;
						height: 0;
					}
				}
			}
		}
	}

	#tab3 {
		li {
			a {
				span {
					color: #999999;
					display: block;
					font-size: 13px;
				}
				strong {
					color: #333333;
					font-family: $heading-font-family;
					display: block;
					margin-bottom: 5px;
				}
				&:hover {
					strong {
						color: $accent-1;
						text-transform: underline;
					}
				}
			}
		}
	}

	#tab4 {
		padding-bottom: 14px;
		a {
			background-color: #f5f5f5;
			color: #999999;
			display: inline-block;
			font-size: 13px !important;
			margin: 0 3px 6px 0;
			padding: 2px 6px;
			text-transform: lowercase;

			&:hover {
				background-color: $accent-1;
				color: #ffffff;
				text-decoration: none;
			}
		}
	}

}

/* 125 Ad Widget */
.widget_125 {
	line-height: 1;
}
.widget_125 img {
	margin: 0 0 8px 0;
	line-height: 1;
}
.sidebar .widget_125 .img-right {
	float: right;
}

/* Ad Widget */
.widget_ads {
	line-height: 1;
}

/* Posts Thumbnail Widget */
.widget_posts_thumbnail {
	line-height: 1.4;
	li:before,
	li:after {
		content: "";
		display: table;
	}
	li:after {
		clear: both;
	}
	a {
		font-family: $heading-font-family;
		font-size: $base-font-size;
	}
	.entry-thumbnail {
		float: left;
		margin: 0 15px 0 0;
		max-width: 80px;
		height: auto;
	}
	.entry-meta {
		color: #999;
		font-size: 13px;
		margin: 5px 0 0 0px;
	}

}

.widget_tag_cloud {
	a {
		border: 1px solid #c21a30;
		border-radius: 3px;
		padding: 2px 8px;
		margin-right: 5px;
		margin-bottom: 8px;
		display: inline-block;
		letter-spacing: 1px;
		line-height: 1.5;
		text-transform: uppercase;

		.footer-column & {
			border-color: #fff;
		}

		&:hover {
			opacity: .75;
		}
	}
}

.widget_calendar {

	#footer .footer-column & {
		caption {
			color: #fff;
		}
		a {
			color: #c21a30;
		}
	}

}
