/*------------------------------------------------------------
	General widgets
============================================================*/

/*------------------------------------------------------------
	Calendar Widget
============================================================*/
	.widget_calendar {
		table {
			margin: 0;
			border-collapse: separate;
			border-spacing: 0;
			border-width: 1px;
			margin: 0 0 1.6em;
			table-layout: fixed; /* Prevents HTML tables from becoming too wide */
			width: 100%;
		}
		td,
		th {
			line-height: 2;
			text-align: center;
			padding: 0;
			font-size: .9rem;
		}
		th {
			border-bottom: 1px solid $textColor;
		}
		caption {
			margin: 0 0 0.6em;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			text-align: center;
		}
		tbody a {
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
			background-color: $primaryColor;
			color: $dividerColor;
			border: 1px solid $dividerColor;
			display: block;
			font-weight: 700;
			transition: all 0.35s ease-in-out;
			&:hover,
			&:focus {
				background-color: $secondaryColor;
			}
		}
		tfoot {
			a {}
			#prev {
				text-align: left;
				padding: 0 10px;
			}
			#next {
				text-align: right;
				padding: 0 10px;
			}
		}
	}
/*	----------------------------------------------------------
	Search
============================================================*/

.widget_search {
	.screen-reader-text {
		display: none;
	}
	.search-submit {
		margin-bottom: 0;
	}
}

/*------------------------------------------------------------
	Widget categories, archive
============================================================*/

.widget_categories,
.widget_archive {
	select {
		margin-bottom: 0;
	}
}
/*	----------------------------------------------------------
	List widget
============================================================*/
.widget ul,
.widget ol,
.widget_nav_menu .menu {
	margin-left: 0.50rem;
	list-style-type: none;
	li {
		padding-bottom: 5px;
		margin: 0 0 5px 0;
		font-size: .75rem;
		color: $primaryColor;
		display: block;
		border-bottom: 1px solid $dividerColor;
		&:last-child {
			margin-bottom: 0;
		}
		&:not(.menu-text)>a {
			display: inline;
			padding: 0;
			line-height: inherit;
		}
		a {
			font-size: .95rem;
			text-decoration: none;
			&:hover {
				border-bottom:  1px dashed;
			}
		}
		ul {
			margin: 0 0 0 0;
			padding: 0 0 0 20px;
			li {
				margin: 0 0 0 0;
				padding: 10px 0 0 0;
				background: none;
			}
		}
	}
}

/*------------------------------------------------------------
	Widget Recent Comments
============================================================*/
.widget_recent_comments {
	.recentcomments {
		color: $textColor;
		.comment-author-link {
			font-weight: 700;
			font-size: .9rem;
			display:inline-block;
			&:first-letter {
				text-transform: uppercase;
			}
			a { }
		}
	}
}
/*------------------------------------------------------------
	Widget RSS feed
============================================================*/
.widget_rss {
	.sidebar-section-title {
		.rsswidget {
			color: $whiteColor;
		}
	}
	ul {
		list-style: none;
		margin: 0;
		li {

			padding: 0.5rem 0;
			&:last-child{
				margin-bottom: 0;
			}
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.rsswidget {
		border: 0;
		img {
			margin-top: -4px;
		}
	}
	.rss-date,
	cite {
		font-family: "Noto Sans", sans-serif;
		font-size: 12px;
		font-size: .8rem;
		color: $textColor;
		font-style: normal;
		display: block;
		line-height: 2;
		opacity: 0.8;
	}
	.rssSummary {
		line-height: 1.5;
		font-size: .9rem;
		color: $textColor;
	}
}
/*------------------------------------------------------------
	Widget Recent Entries
============================================================*/
.widget_recent_entries {
	.post-date {
		color: $textColor;
		&:before {
			content: '\2014 \0020';
		}
	}
}
/*------------------------------------------------------------
	Sidebar widgets
============================================================*/
#secondary {
	margin: 1.875rem .9375rem;
}
.page-header.sidebar-section-title {
	margin: 1.875rem -1.6rem  1rem 0;
	padding-left: 1.5375rem;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.27;
	padding: .6rem .9375rem .3rem;
	color: #FFF;
		&:before {
			left: calc(100% - 10px);
			border-width: 10px 10px 0px 0px;
		}
}
.sidebar-section-body {
	padding-left: .5rem;
}
/*------------------------------------------------------------
	Footer Widgets
============================================================*/
.footer_widgets {
	.footer_widgets-margins{
		margin: 0 .6rem .875rem .6rem;
	}
}
.page-header.footer-section-title {
	margin: 1.875rem 0  1rem 0;
	padding-left: 1.5375rem;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.27;
	padding: .6rem .9375rem .3rem;
	color: #FFF;
		&:before {
			border:none;
		}
}
.footer-section-body {
	padding-left: .5rem;
}

/*------------------------------------------------------------
	A widget with "Latest posts", "Latest Comments" and "Popular posts"
============================================================*/
#tabs-widget-lcp {
	.tabs {
		background: none;
		border: none;
		margin-left: 0;
		.tabs-title {
			padding: 0;
			border-bottom: none;
			&:before {
				content: " ";
				padding-right: 0;
			}
			a {
				color: $whiteColor;
				padding: 2px 8px;
				font-size: 1.05rem;
				line-height: 1.27;
				&:hover {
					border-bottom: 0;
					color: $primaryColor;
				}
			}
			&>a[aria-selected=true],
			&>a:focus {
				background-color: $whiteColor;
				color: $primaryColor;
			}
		}
	}
	.tabs-content {
		border: 0;
		.tabs-panel {
			padding: 0;
		}
		.tabs-panel-comments {
			li {
				&:before {
					content: " ";
					padding-right: 0;
				}
				.avatar {
					float: left;
					margin-right: 10px;
				}
				.commentr_author_title {
					font-size: 1.2rem;
					font-weight: 700;
				}
				.comment_content {
					margin-bottom: .3rem;
					a {
						color: $textColor;
						font-size: .9rem;
						&:hover {
							color: $primaryColor;
						}
					}
				}
			}
		}
	}
}