/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 rem(20);

	/* Make sure select elements fit in widgets */
	select {
		background: transparent;
		margin: rem(20) 0;
		max-width: 100%;
		width: 100%;
	}
}

.widget-title {
	color: $brand-color;
	font-family: $font-serif;
	font-size: rem(19);
	font-weight: 300;
	line-height: 1.09091;
	margin: 0 0 rem(20);
	padding: 0;
	text-transform: uppercase;
}

.widget ul {
	margin: 0 0 rem(20);
	padding: 0;

	ul {
		margin: 0;
	}
}

.widget ul li {
	border-top: 1px solid #e8e8e8;
	margin: 0;
	padding: rem(5) 0;
	font-size: rem(15);
	list-style-type: none;

	.sub-menu li,
	.children li {
		border: none;
		border-top: 1px solid #e8e8e8;
	}

	&:last-child {
		border-bottom: 1px solid #e8e8e8;
	}

	a {
		color: $color-darker-gray;
		display: inline-block;
		padding: 0;

		&:hover {
			color: $color-black;
		}
	}
}

.widget_recent_comments {
	.recentcomments a {
			border: none !important;
	} 
}

// Search widget
.widget_search {
	padding: 0 0 rem(20);

	.widget-title {
	}
}

.search-form {
	.search-toggle:before {
		color: $color-light-gray;
		content: '\f002';
		font-family: $font-icon;
		font-size: rem(20);
	}

	.search-icon {
		display: block;
		position: absolute;
		right: rem(12);
		top: rem(6);
	}

	.search-submit {
		display: none;
	}

	input[type="search"] {
		padding-right: rem(40);
		color: $color-dark;
	}
}

.widget .search-form {
	position: relative;
}


// Text widget
.textwidget {
	margin: rem(20) 0 0;

	p {
		font-size: rem(15);
	}
}

// Calendar 
.calendar_wrap {
	max-width: 100%;
	margin: rem(20) 0;
	width: 100%;
}

.widget_calendar {
	border-color: #e8e8e8;
	text-align: left;
}

.widget_calendar caption {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25em;
	margin-bottom: 20px;
	text-align: left;
}

.widget_calendar table {
	border-color: #e8e8e8;
}

.widget_calendar table a {
	color: $color-link;
}

.widget_calendar table a:hover,
.widget_calendar table a:active {
	color: #000;
}

.widget_calendar table th,
.widget_calendar table tr,
.widget_calendar table td {
	padding: 10px;
	text-align: center;
}

.widget_calendar thead th {
	font-weight: 600;
	font-size: 14px;
}

.widget_calendar tbody {
	color: #999;
	border-color: #e8e8e8;
}

.widget_calendar tbody th,
.widget_calendar tbody tr,
.widget_calendar tbody td {
	border: 1px solid #e8e8e8;
}

.widget_calendar tfoot a {
	font-weight: 400;
}

.widget_calendar #prev {
	text-align: left;
}

.widget_calendar #next {
	text-align: right;
}

// RSS Widget 
.widget_rss {
	ul li {
		border-bottom: 1px solid #e8e8e8;
		border-top: none;
		margin: 0 0 rem(15);
		padding: 0 0 rem(15);
	}

	.rss-date {
		display: block;
		padding: rem(5) 0;
	}

	.rsswidget {
		display: block;
		color: $brand-color;
		
		img {
			display: none;
		}
	}

	cite {
		display: block;
		padding-top: rem(10);
	}
}