/*
Theme Name: SY
Theme URI: http://shropshireyouth.com/
Description: A wordpress theme for Shropshire Youth, based on the Kickstart framework, by MNKY.
Author: Face Interactive
Author URI: http://faceinteractive.com/
Template: kickstart
Version: 1.0
*/



/*---------------------------------------------------------------*/
/* Import default Kickstart CSS
/*---------------------------------------------------------------*/

@import url('/wp-content/themes/kickstart/style.css');

/* Hide Searchform Label */

#header-search-wrapper label {
    display: none;
}


	/*	
	*	---------------------------------------------------------------------
	*	MNKY CSS for responsive layout (tablets and mobile devices)
	*	--------------------------------------------------------------------- 
	*/
	@media only screen and (min-width: 979px) {
		#primary-main-menu{display:block !important;}
	}

	@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){ 
		html {-webkit-text-size-adjust: none; }
	}

	
	/*
	* -------------------------------------------------------------------------------------------
	* FOR ALL DEVICES
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (max-width: 979px) {
		
		/* Mobile menu style */
#primary-main-menu li a, #primary-main-menu li ul li a, #primary-main-menu li ul li:last-child > a, #primary-main-menu > li.current-menu-item > a, #primary-main-menu > li.current-menu-ancestor > a, #primary-main-menu > li:hover > a {
			font-size:20px !important; 
}

		
	}

	
	
	/*
	* -------------------------------------------------------------------------------------------
	* TABLET PORTRAIT 
	* -------------------------------------------------------------------------------------------
	*/	
	@media only screen and (min-width: 768px) and (max-width: 979px) {
		
		/* PUT CSS HERE */

	}

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE BOTH VIEWS
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (max-width: 767px) {
		
		/* PUT CSS HERE */

	}
	

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE LANDSCAPE
	* -------------------------------------------------------------------------------------------
	*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* PUT CSS HERE */
	
	}
	

	/*
	* -------------------------------------------------------------------------------------------
	* MOBILE PORTRAIT 
	* -------------------------------------------------------------------------------------------
	*/	
	@media only screen and (max-width: 479px) {
		
		/* PUT CSS HERE */

}