/*
Theme Name: Field Notes Responsive
Theme URI: 
Author: Rachel Chartoff
Author URI: http://www.twitter.com/RachelChartoff
Description: A theme for Engineering at Illinois blogs. Based on Bare Responsive by Jake Rocheleau.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
*/


/* Media Queries for Responsive Styling ----------- */

@media only screen and ( max-width: 960px ) {
	#container, footer { width: 100%; }
	#main { width: 72%; }
	#main img, div.wp-caption { max-width: 96% !important; height: auto !important; }
	body.home #home-feature { width: 96%; }
	#sidebar { width: 28%; }
	header#top h1 {
		width: 55%; 
	}
	#home-widgets .column { width: 32%; }
	#home-widgets .home-page-widget-1, #home-widgets .home-page-widget-2 { margin-right: 2%; }
	footer .footer-column-1 { width: 60%; }
	footer .footer-column-2 { width: 30%; }
}
@media only screen and ( max-width: 768px ) { 
	.engr-branding { padding: 20px 50px 0px 0px; }
	.engr-branding .text {
   		display: block;
   		text-align: right;
   		width: 110px;
   		font-size: 12px; font-size: 1.2rem;
		font-size: 12px; line-height: 1.2rem;
	}	
	#main { width: 100%; float: none; margin: 0px; }
	section.post-content img { max-width: 100% !important; }
	.wp-caption { max-width: 100% !important; }
	#sidebar { width: 100%; float: none; text-align: center; }
	#sidebar .widget { 
		width: 100%;
		margin: 0px 0px 20px 0px;
		float: left;
		min-height: 100px;
		text-align: left;
	}
	#click-menu {
		width: 100% !important;
		height: 49px !important;
		position: relative !important;
		border-radius: 0 !important;
		background: #df6226; /* Old browsers */
		background: -moz-linear-gradient(top,  #df6226 0%, #b7501f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df6226), color-stop(100%,#b7501f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #df6226 0%,#b7501f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #df6226 0%,#b7501f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #df6226 0%,#b7501f 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #df6226 0%,#b7501f 100%); /* W3C */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df6226', endColorstr='#b7501f',GradientType=0 ); /* IE6-9 */
	}
	#click-menu .threeLines {
		margin: 10px 10px !important;
		width: 20px !important;
	}
	#click-menu .threeLines .line {
		height: 4px !important;
		margin-bottom: 4px !important;
   }
   #responsive-menu .responsive-menu li a { }
}

@media only screen and ( max-width: 700px ) {
	body.home #home-feature { 
		width: 94%;
		font-size: 13px; font-size: 1.3rem;
    	line-height: 24px; line-height: 2.4rem; 
	} 
	body.home #home-feature img { float: none; width: 88%; height: auto; }
	body.home #home-feature img.tilted { margin-bottom: 0px; }
	body.home #home-feature h3 {
    	font-size: 18px; font-size: 1.8rem;
    	line-height: 24px; line-height: 2.4rem;
    }
    #home-widgets .column { width: 100%; margin-bottom: 10px; }
	#home-widgets .home-page-widget-1, #home-widgets .home-page-widget-2 { margin-right: 0px; }
	footer .footer-column-1, footer .footer-column-2 { float: none; width: 100%; }
}
@media only screen and ( max-width: 540px ) {
	body.home #home-feature { width: 92%; }
}

@media only screen and ( max-width: 450px ) { 
	header#top h1 {
		font-size: 22px; font-size: 2.2rem;
		line-height: 22px; line-height: 2.2rem; 
	}
	.engr-branding { 
		width: 80px;
		height: auto;
		padding: 60px 0px 0px 0px; 
	}
	.engr-branding .text {

   		width: auto;
   		font-size: 10px; font-size: 1.0rem;
		font-size: 10px; line-height: 1.0rem;
	}	
}
@media only screen and ( max-width: 400px ) {
	body.home #home-feature { width: 90%; }
}