// SIDEBAR / WIDGETS

.widget-fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.widget {

  	.sub-menu{
	  background: none;
	}
	margin-bottom: 30px;
	// Widget title
	img {
		height: auto;
		max-width: 100%;
	}
	.widget-title {
		font-size: 24px;
		margin: 15px 0;
		&:before {
			&:extend(.widget-fa);
			margin-right: 10px;
		}
	}
	&.widget_archive,
	&.widget_categories,
	&.widget_text {
		select {
			-moz-appearance: none;
			-webkit-appearance: none;
			text-overflow: '';
			width: 100%;
			padding: 3px 5px;
			border: 1px solid @tm-primary;
			&:extend(.primary-color);
			&:focus {
				outline: none;
			}
		}
	}
	&.widget_archive,
	&.widget_categories,
	&.widget_pages,
	&.widget_meta,
	&.widget_recent_comments,
	&.widget_recent_entries,
	&.widget_rss {
		line-height: 40px;
		> ul {
			> li {
				border-bottom: 1px solid fade(#000, 10%);
				&:first-child {
					border-top: 1px solid fade(#000, 10%);
				}
				ul {
					padding-left: 15px;
				}
			}
		}
	}
	&.widget_archive {
		
	}
	&.widget_categories {
		
	}
	&.widget_calendar {
		
		.calendar_wrap {
			&:extend(.table-responsive);
		}
		table {
			&:extend(.table);
			&:extend(.table-border);
			font-size: 14px;
			caption {
				margin-bottom: 10px;
			}
			th, td {
				padding: 5px 0;
			}
			th {
				border-bottom: 2px solid fade(#000, 10%);
			}
			td {
				border-bottom: 1px solid fade(#000, 10%);
				&#today {
					font-weight: bold;
				}
			}
		}
	}
	&.widget_pages {
	
	}
	&.widget_meta {
	
	}
	&.widget_recent_comments {
		ul {
			li {
				color: fade(@tm-primary, 50%);
				line-height: 2;
				padding: 5px 0;
				> span.comment-author-link {
					color: fade(@tm-primary, 75%);
					text-transform: uppercase;
				}
			}
		}
	}
	&.widget_recent_entries {
		
	}
	&.widget_rss {
		line-height: 1.5;
		img {
			display: none;
		}
		ul {
			li {
				padding: 15px 0;
				.rsswidget {
					font-weight: bold;
					&:before {
						&:extend(.widget-fa);
						content: "\f09e";
						margin-right: 5px;
					}
				}
			}
		}
		.rss-date {
			font-size: 12px;
			display: block;
			color: fade(@tm-primary, 70%);
			margin: 0 0 5px 0;
		}
		.rssSummary {

		}
		cite {
			color: fade(@tm-primary, 70%);
			display: block;
			&:before {
				content: "\2014 ";
				margin-right: 5px;
			}
		}
	}
	&.widget_tag_cloud {
		.tagcloud {
			a {
				padding: 0 10px;
				margin: 0 2px 5px 0;
				line-height: 28px;
				display: inline-block;
				border: 1px solid @tm-primary;
				font-size: 14px !important;
				&:hover {
					background: @tm-primary;
					color: #fff !important;
				}
			}
		}
	}
	&.widget_nav_menu {
		line-height: 40px;
		> div {
			> ul {
				> li {
					border-bottom: 1px solid fade(#000, 10%);
					&:first-child {
						border-top: 1px solid fade(#000, 10%);
					}
					ul {
						padding-left: 15px;
					}
				}
			}
		}
		.sub-menu {
			padding-left: 15px;
		}
	}
	&.widget_search {
		form {
			position: relative;
		}
		input[type="search"] {
			display: block;
			width: 100%;
			line-height: 36px;
			border: 1px solid @tm-primary;
			.border_radius(3px);
			padding: 0 40px 0 10px;
			.transition();
			&::-webkit-input-placeholder {
				color: fade(@tm-primary, 0);
			}
			&:-moz-placeholder {
				color: fade(@tm-primary, 0);
			}
			&::-moz-placeholder {
				color: fade(@tm-primary, 0);
			}
			&:-ms-input-placeholder {
				color: fade(@tm-primary, 0);
			}
			&:focus {
				background: fade(#000, 5%);
				outline: none;
			}
		}
		button {
			position: absolute;
			top: 0;
			right: 0;
			border: none;
			height: 40px;
			background: transparent;
			&:extend(.primary-color);
			width: 40px;
			text-align: center;
			i {
				position: relative;
				top: -2px;
				font-size: 16px;
			}
		}
	}
	&.widget_text {
		
	}
}