// main: style.scss
.widget {
	margin-bottom: $base*2 ;
	&:last-child {
		border-bottom: none;
	}
}

.search-form {
	margin-bottom: $base ;
}

.widget-area .widget.widget_search {
	.search-field {
		width: 88%;
	}
	.search-submit {
		display: none;
	}
}

#secondary .widget-title, 
#secondary .wp-block-group__inner-container h2,
.site-topbar .widget-title {
	font-weight: bold;
	font-size: 16px ;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 0.1px;
}

.widget_calendar {
	.widget-title {
		display: none;
	}
	#wp-calendar caption {
		font-weight: bold;
		font-size: 15px ;
		margin-bottom: 20px;
		font-weight: 500;
	}
}

.widget-area .widget ul,
.widget-area .widget ol {
	padding-left: 0px;
	margin-bottom: 0px;
}

.widget-area .widget ul li {
	list-style: none;
	margin: 0px;
	padding: $base/3 0 ;
	ul {
		padding-top: $base/1.5 ;
		padding-left: 20px ;
		li {
			border-bottom: none;
		}
		li:last-child {
			padding-bottom: 0px;
		}
	}
}
.widget a{
	text-decoration: none;
	color: $text;
	&:hover {
		color: $primary;
	}
}

.widget-area .widget_categories ul,
.widget-area .widget_archive ul,
.widget-area .widget_meta ul{
	@extend .clearfix;
}


.widget.widget_rss {
	li {
		margin-bottom: 15px !important;
		a {
			display: block;
			font-size: 15px;
			font-weight: 600;
			margin-bottom: 1px;
		}

		.rss-date {
			font-size: 11px;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			padding: 5px 0px;
			margin-bottom: 6px;
			display: block;
		}
		.rssSummary {
			margin-bottom: 10px;
		}
		cite {
			font-size: 10px;
			text-transform: uppercase;
			background: #333333;
			padding: 4px 7px;
			@include border-radius(2px);
			color: #FFFFFF;

		}
	}
}

/* Calendar Widget */
#calendar_wrap caption {
	@extend h3;
	text-align: left;
}

.widget #calendar_wrap a,
.widget_recent_comments a {
	color: $primary;
	&:hover {
		text-decoration: underline;
	}
}

/* Eye catching post widget */
.widget_wpc_posts {
	img {
		float: left;
	    height: auto;
	    margin-right: 18px;
	    overflow: hidden;
	    max-width: 50px;
	    margin-top: 3px;
	    @include border-radius(2px);
	}
	ul li {
		list-style: none;
		padding: 10px 12px 12px 10px;
		background: $meta;
		a {
            display: inline;
		}
	}
	ul li.light-bg {
		background: transparent;
	}
}

/* Tag Cloud */
.tagcloud {
	@extend .clearfix;
	a {
		background: none repeat scroll 0 0 #222222;
	    color: #FFFFFF;
	    cursor: pointer;
	    display: block;
	    float: left;
	    margin: 0 5px 5px 0;
	    margin: 0 5px 5px 0 ;
	    padding: 4px 12px ;
	    @include border-radius(2px);
	    font-size: 13px !important;
	    &:hover {
	    	background: $primary;
	    	color: #FFFFFF !important;
	    }
	}
}

.widget-area .widget_categories, .widget-area .widget_pages {
	ul li ul li {
		padding-left: 13px;
		position: relative;
		&:before {
			content: "\f0da";
			font-family: FontAwesome;
			font-size: 10px;
			display: block;
			position: absolute;
			left: 0;
			top: 10px;
		}
	}
}

.widget-area .widget_recent_comments ul li {
	position: relative;
	padding-left: 25px;
	&:before {
		content: "\f0e6";
		font-family: FontAwesome;
		font-size: 14px;
		display: block;
		position: absolute;
		left: 0;
		top: 7px;
		color: #CCCCCC;
	}
}

.widget-area .widget_recent_entries ul li {
	position: relative;
	padding-left: 25px;
	&:before {
		content: "\f0f6";
		font-family: FontAwesome;
		font-size: 14px;
		display: block;
		position: absolute;
		left: 0;
		top: 8px;
		color: #CCCCCC;
	}
	a {
		font-size: 15px;
	}
}

/* Custom Menu */
#secondary .widget.widget_nav_menu {
	.menu {
		margin-bottom: -10px;
	}
	ul {
		ul, ul ul {
			padding: 0;
		}
		li {
			margin: 0px;
			padding: 0px;
			a, li a, li li a {
				display: block;
				padding: 10px 15px 11px 0px;
				font-weight: 500;
				color: $text;
				position: relative;
				@include border-radius(2px);
				&:hover {
					color: $primary;
				}
			}
		}
		li.current-menu-item a {
			color: $primary;
			border-top: 1px solid $border;
			border-bottom: 1px solid $border;
			border-left: none;
			border-right: none;
			&:before {
				border-bottom: 6px solid transparent;
			    border-left: 6px solid $primary;
			    border-top: 6px solid transparent;
			    content: "";
			    display: inline-block;
			    position: absolute;
			    right: 5px;
			    top: 17px;
			}
			&:after {
				border-bottom: 6px solid transparent;
			    border-left: 6px solid #ffffff;
			    border-top: 6px solid transparent;
			    content: "";
			    display: inline-block;
			    position: absolute;
			    right: 6px;
			    top: 17px;
			}
		}
	}
	> ul {
		> li:last-child > a {
			margin-bottom: 0px;
		}
		> li:first-child > a {
			margin-top: -10px;
		}
	}
}

/* File Icon Button */
.icon-button {
	width: 100%;
	display: block;
	border: 1px solid $border;
	margin-bottom: 15px;
	@include border-radius(2px);
	text-transform: uppercase;
	color: $text;
	i {
		font-size: 18px;
		padding: 14px 10px 16px 15px;
		color: #BBBBBB;
	}
	span {
		font-weight: 500;
		font-size: 13px;
		color: #888888;
		display: inline-block;
		position: relative;
		top: -1px;
		text-transform: uppercase;
	}
	&:hover {
		background: #f9f9f9;
		i {
			color: #333333
		}
		span {
			color: #333333;
		}
	}
}

/* Contact Info Box */
.contact-info-box {
	.contact-info-item .contact-text {
		width: 30px;
		i {
			font-size: 16px;
		}
		i.fa-envelope {
			font-size: 12px;
		}
	}
	.contact-info-item .contact-value {
		margin-left: 35px;
	}
}