/*
 * widgets-common.scss
 * -----------------------------------------------
*/
$sidebar_link_color: #7d848a;
@mixin func_widget_left_arrow_icon() {
	ul {
		> li {
			padding-left: $ul-li-padding-left-with-arrow;
			position: relative;
			&::before {
				content: "\f0da";
				left: 0;
				position: absolute;
				font-family: FontAwesome;
				color: #ccc;
			}
		}
	}
}
@mixin func_widget_right_arrow_icon() {
	ul {
		> li {
			position: relative;
			&::before {
				content: "\f114";
				right: 0;
				top: 6px;
				position: absolute;
				font-family: FontAwesome;
			}
		}
	}
}

.widget {
	margin-bottom: $widget-margin-bottom;
	ul {
		li {
			list-style: none;
			padding-bottom: 0;
			padding-top: 0;
			margin-bottom: 0;
			line-height: $line-height-widget-li;
		}
	}
	> ul, ul.menu {
		margin-bottom: -0.6rem;
		margin-top: -0.6rem;
	}
	.widget-title {
		margin-bottom: 40px;
		margin-top: 0;
		font-size: 20px;

		&.widget-title-line-bottom {
			position: relative;
			margin-bottom: 20px;
			padding-bottom: 15px;

			&:after,
			&:before {
				background: #bbb;
				border-radius: 10px;
				bottom: -1px;
				content: "";
				height: 3px;
				left: 0;
				position: absolute;
				width: 50px;
			}

			&:before {
				background: #f5f5f5;
				width: 100%;
			}
		}
	}
	&.widget_recent_entries {
		ul {
			> li {
				a {
					color: #444;
				}
				> span {
					display: block;
					color: $sidebar_link_color;
					font-size: 14px;
					font-weight: 300;
					line-height: 12px;
					padding: 4px 0;
				}
			}
		}
	}

	&.widget_archive,
	&.widget_categories,
	&.widget_pages,
	&.widget_meta,
	&.widget_recent_comments,
	&.widget_rss,
	&.widget_nav_menu {
		@include func_widget_left_arrow_icon();
		ul {
			> li {
				a {
					color: $sidebar_link_color;
					font-weight: normal;
				}
			}
		}
	}

	&.widget_categories,
	&.widget_archive {
		ul {
			> li {
				padding-left: ( $ul-li-padding-left-with-arrow + 9 );
				&::before {
					content: "\f114";
				}
				color: #bbb;
			}
		}
	}

	&.widget_recent_comments {
		ul {
			> li {
				line-height: $line-height-base;
				margin-bottom: 7px;
				padding-bottom: 7px;
				.comment-author-link,
				.comment-author-link a {
					color: #555;
					font-weight: $font-weight-bold;
				}
			}
		}
	}

	&.widget_calendar {
		td, th {
			color: #aaa;
		}
		th {
			color: #444;
		}
		tfoot {
			a {
				color: #444;
			}
		}
		caption {
			color: #aaa;
		}
	}

	&.widget_nav_menu {
		.sub-menu {
			/* padding-left: 10px; */
		}
		ul {
			> li {
				&::before {
					content: "\f105";
					font-size: 14px;
					font-weight: 600;
				}
			}
		}
	}

	&.widget_tag_cloud {
		.tagcloud {
			> a {
				background: none;
				border: 1px solid #eee;
				border-radius: 2px;
				color: $sidebar_link_color;
				display: inline-block;
				font-size: 12px !important;
				margin: 10px 12px 0 0 !important;
				padding: 6px 15px !important;
				font-weight: 400;
				letter-spacing: 0.25px;
				border-radius: 50px;
				text-transform: uppercase;
				@include transition(all 0.3s ease);
				&:hover {
					background: $black-333;
					color: #fff;
				}
			}
		}
	}
	select {
		border: 1px solid rgba(51, 51, 51, 0.1);
		max-width: 100%;
		padding: 7px 10px;
		width: 100%;
	}

	&.widget_rss {
		ul {
			li {
				margin-bottom: 25px;
				.rsswidget {
					display: block;
					color: #555;
					font-family: $body-font;
					font-weight: $font-weight-bold;
				}
				.rss-date {
					color: #aaa;
				}
				.rssSummary {
					color: #777;
				}
				cite {
					color: #aaa;
				}
				&:before, &:after, a {
					line-height: $line-height-base;
				}
			}
		}
	}
}

footer#footer {
	.widget {
		&.widget_rss {
			ul {
				li {
					.rss-date {
						color: #bbb;
						font-style: italic;
						font-size: 0.9rem;
					}
					.rssSummary {
						color: #999;
					}
					cite {
						color: #bbb;
					}
				}
			}
		}
	}
	&.footer-black {
		.widget {
			&.widget_archive,
			&.widget_categories,
			&.widget_links,
			&.widget_meta,
			&.widget_nav_menu,
			&.widget_pages,
			&.widget_recent_comments,
			&.widget_recent_entries {
			ul {
				> li {
					border-top-color: rgba(51, 51, 51, 0.4);
				}
			}
			}
			&.widget_rss {
			ul {
				li {
				.rss-date {
					color: darken($footer-primary-text-color, 20%);
				}
				cite {
					color: lighten($footer-primary-text-color, 10%);
				}
				}
			}
			}
			&.widget_tag_cloud {
				.tagcloud {
					> a {
						background-color: rgba(0, 0, 0, 0.25);
						color: $gray-ccc;
					}
				}
			}
		}
	}
	&.footer-inverted {
		.widget {
				&.widget_archive,
				&.widget_categories,
				&.widget_links,
				&.widget_meta,
				&.widget_nav_menu,
				&.widget_pages,
				&.widget_recent_comments,
				&.widget_recent_entries {
				ul {
					> li {
						border-top-color: rgba(55, 55, 55, 0.1);
					}
				}
			}
		}
	}
}
.widget .name {
	margin-top: 0;
}