//widgets border
.widget{
	border-width: 7*$px;
	border-color: #e6e7e9;
	box-shadow: 0 3*$px 6*$px rgba(33, 19, 4, 0.15);
}

aside{
	//aside head style
	h1{
		text-align: center;
		background: #383838;
		color: #fff;
		padding: 0.5em 0 0.5em 0;
		text-transform: uppercase;
		border-radius:3px;
		}
	
}

//RECENT POSTS cosparell Widget
#cosparell_recentposts-2{
			//Recent Posts
			li{	
			clear:both;
			padding-left: 0;
				a{padding:0;}
				img{
					height:74px;
				}
				span{
					// margin-left: 30em;
				}
				span:before{
					font-family: 'FontAwesome';
					content: "\f073";	//calender icon for date
					margin-right: 0.5em;
						}
				//floating the img to the left and post title and date to the right
				.aside-post-img{
					float: left;
					// display: inline-block;
					width: 30%;

				}
				.post-title-date{
					float: right;
					// display: inline-block;
					margin-top:0.5em;
					line-height: 1.1em;
					width: 60%;

						}
				a:hover { color:#3bb7d9;}
		}
	}
//RECENT POSTS(Default)
.widget_recent_entries{
	ul{
		// margin-left: 1em;
		li{
			a:before{
				font-family: 'FontAwesome';
				content: "\f0a9";	//icon for posts
				margin-right: 0.5em;
			}
	 	  	&:hover { background:#3bb7d9;
	 	  		   color: #fff;
	 	  		   transition: 0.5s;
	 	  		   
	 	  		}
		}
	}
}
//CALENDAR WIDGET
#wp-calendar{
	
	caption{			//calendar head
		text-align: center;
		text-transform: uppercase;
		}
	thead th{			//days
		text-align: center; 
		background:#f0f0f0;
		padding: 0.5em 0 0.5em 0; 
		}
	tbody td{			//dates
		text-align: center;
		a{ color: #44f200; }

	}
	tfoot td{
		padding: 0.5em 0 0 0;
		a{text-transform: uppercase;}
		}
	a{padding:0.2em 0.5em;border-radius:3px;}
	a:hover{
		background:#3bb7d9;
	 	color: #fff;
  	            transition: 0.5s;
	}


}
// RECENT COMMENT Widget
.widget_recent_comments{
	ul{
		// li{ text-align: center;}
		li span:before{
			font-family: 'FontAwesome';
			content: "\f007";	//icon for user
			margin-right: 0.5em;
		}
		li:hover { background:#3bb7d9;
	 	  		   color: #fff;
	 	  		   transition: 0.5s;}
		}
		li {padding: 0.50em 0 0.50em 1em;
			display:block;
			border-radius:3px; }
}
// Archives Widget
.widget_archive{
	select{
			width: 100%;
			padding:3px;
			-webkit-appearance: listbox; //to make the box biegger and square
			border-radius:3px;
		}
	ul{
		li{ 
			text-align: left;
			border-radius:3px;
			// margin-left: 1em;

			a:before{
			font-family: 'FontAwesome';
			content: "\f1c6";	//file-archive icon for months
			margin-right: 0.5em;
				}
			&:hover { background:#3bb7d9;
	 	  		   color: #fff;
	 	  		   transition: 0.5s;
	 	  		   
	 	  		}
		}

		
	}
}
//PAGES
// #pages-3 ul{ margin-left: 1em; }
.widget_pages > ul > li >a:before {

				font-family: 'FontAwesome';
				content: "\f0a9";	//icon for posts
				margin-right: 0.5em;
				
				}
.widget_pages > ul > li a:hover{ background:#3bb7d9;
	 	  	        color: #fff;
	 	  	        transition: 0.5s;
	 	  		   
	 	  		}

.children {
			li a:before {
				font-family: 'FontAwesome';
				content: "\f101";
				margin-right: 0.5em;
				}

	}

//TAGS
.tagcloud{
	margin-bottom:0.5em;
		a{
			padding:0.1em 0.4em;
			display: inline-block;
			border-radius:3px;
			
			&:hover{
			        background:#3bb7d9;
	 	  	        color: #fff;
	 	  	        transition: 0.5s;
			}
		}

}
	
// Categories Widget
.widget_categories{
	select{
			width: 100%;
			padding:3px;
			-webkit-appearance: listbox; //to make the box biegger and square
			border-radius:3px;
		}
		ul li{
			padding: 0.50em 0 0.50em 1em;
		}
		ul li a{display:inline; padding:0;}
		li:hover{
			background:#3bb7d9;
	 	  	color: #fff;
	 	  	transition: 0.5s;
		}
}
.widget_categories > ul > li >a:before {

				font-family: 'FontAwesome';
				content: "\f0a9";	//icon for posts
				margin-right: 0.5em;
				}


//Meta Widget
.widget_meta{

	ul{
		li{ 
			text-align: left;
			// margin-left: 1em;

			a{
			font-family: 'FontAwesome';
				}
			&:nth-child(1) a:before{ content: "\f007"; margin-right: 0.5em;}
			&:nth-child(2) a:before{ content: "\f011"; margin-right: 0.5em;}
			&:nth-child(3) a:before{ content: "\f09e"; margin-right: 0.5em;}
			&:nth-child(4) a:before{ content: "\f086"; margin-right: 0.5em;}
			&:nth-child(5) a:before{ content: "\f19a"; margin-right: 0.5em;}

			&:hover { background:#3bb7d9;
	 	  		   color: #fff;
	 	  		   transition: 0.5s}
		}
		
	}
}
//CUSTOM MENU
.widget .menu-main-menu-container{
	
	ul{
		li{ 
			text-align: left;
			
			a:before{
			font-family: 'FontAwesome';
			content: "\f138";	//chevron-circle-right icon for categories
			margin-right: 0.5em;
				}

		}
		&>li a:hover{ background:#3bb7d9;
	 	  		   color: #fff;
	 	  		   transition: 0.5s
	 	  		   
	 	  		}
		
	}//END ul
	
}

//TEXT