/* Style for Theme footer */

footer#site-footer{
	padding:25px 0px;
	background:#2c2c2c;
	position:relative;

	.widget-area{
		color:#777;

		.widget-title{
			color:#eee;
		}

		a{
			color:#777;

			&:hover{
				text-decoration:none;
				color:#eee;
			}
		}

		img{
			width:100%;
		}

		.widget_nav_menu, .widget_meta, .widget_pages, .widget_recent_comments, .widget_recent_entries, .widget_archive, .widget_categories{
			ul{
				padding:0px;
				li{
					list-style:none;
					margin:5px 0px;
				}
			}
		}

		.widget_search{
			input[type="text"]{
				border:1px solid #e8e8e8;
				border-radius:4px;
				padding:5px 10px;
				width:100%;
				color:#333;
			}
			input[type="submit"]{
				border:1px solid #e8e8e8;
				border-radius:4px;
				padding:5px 10px;
				background:#e8e8e8;
				color:#333;
				margin:15px 0px 0px 35%;
			}
		}

		.widget_calendar{
			.calendar_wrap{
				table{
					caption{
						color:#eee;
					}
					tr{
						td, th{
							padding:5px;
						}
						td#today{
							color:#eee;
						}
					}
				}
			}
		}
	}
} 

@media only screen and (max-width:768px){
	footer#site-footer{
		.widget-area{
			margin-top:15px;
		}
	}
}

@media only screen and (min-width:400px) and (max-width:550px){
	footer#site-footer{
		.widget-area{
			img{
				width:70%;
			}
		}
	}
}

@media only screen and (min-width:550px) and (max-width:768px){
	footer#site-footer{
		.widget-area{
			img{
				width:50%;
			}
		}
	}
}