/*
Theme Name: Community Business Partnerships
Description: Reponsive CSS for the Community Business Partnerships website
Version: 2014
Author: Vicky Miller
*/

/***********************************/
/**** Break Points for Adaptive ****/
/***********************************/
@media screen and (max-width: 970px) {
	#wrapper { width:100%;}
	/**** Front Page ****/
	.home_left{
  		float: left;
  		width: 80%;
	}
	.home_right {
	  float: right;
	  width: 18%;
	}
	/**** News ****/
	.latest_news { margin:10px 0;}
	.latest_news_image { width: 10%;}
	.latest_news_content { width:65%; margin:0 10px 0 0; }
	/**** Image ****/
	img { max-width:100%; height:auto;}
	#mainnav { display:block; }
}

@media screen and (max-width: 780px) {
	/**** Header ****/
	header { border-bottom:3px solid #2c5697; height:70px;}
	header img { width:350px; height:auto;}	
	/**** Nav ****/
	#_navigation {
		display: inline-block;	
	}
	#mainnav {
		background-color: #FFF;	
		display: none;
		list-style-type: none;
		position:absolute;
		left:0;
		top:70px;
		width: 80%;
		z-index:9999;
		border-right:solid #A6A7A9 3px;
		border-bottom:solid #A6A7A9 3px;
	}
	#mainnav ul.menu {
		list-style-type: none;
		background-color: #FFF;
		margin-left: 0px;
	}
	
	#mainnav .menu a {	
		background-color: #FFF;	
		color: #000;
		display: block;
		padding: 8px 12px 8px 20px;
		text-decoration: none;
		transition: background-color .4s;
	}
	#mainnav .menu a:hover,
	#mainnav .menu a:focus,
	#mainnav .menu .current-menu-item a:hover,
	#mainnav .menu .current-menu-item a:focus {
		background-color: #E5E5E5;
		text-decoration: underline;
		transition: background-color .4s;
		color:#000;
	}
	#mainnav .menu .current-menu-ancestor a,
	#mainnav .menu .current-menu-item a,
	#mainnav .menu .current-page-ancestor a,
	#mainnav .menu .current-page-item a  {
		background-color: #274683;
	}
	/* Current parent & ancestor */
	#mainnav .current-menu-item > a,
	#mainnav .current-page-parent > a,
	#mainnav .current-page-ancestor > a {
	  background: #274683 none;  
	  color: #fff;
	}
	/* Sub Nav */
	ul.mob-sub-menu li.current_page_item { text-decoration:underline;}
	ul.mob-sub-menu li a{ background:#FFF!important; color:#000!important;}
		/* Expanders */
	#mainnav .show-hide {
		background: url(images/show-children.png) center center no-repeat #FFF !important;	
		border: none;
		float: right;
		height: 22px;
		padding: 4px;	
		width: 25px;
		display:block;
		position:relative;
		z-index: 9999;
	}
	#mainnav .show-hide.expanded {
		background: url(images/hide-children.png) center center no-repeat #FFF  !important;		
	}
	#mainnav .show-hide:hover,
	#mainnav .show-hide:focus {
		background-color: #C3C3C3!important;
	}
		/* SMLinks */
	.smlinkshead { display:none;}
	.smlinksmobilenav {
	display: inline-block;
	background-color: #2c5697;
	width: 100%;
	padding: 0;
	margin: 0px;
	}
	.search-form {
		margin-top:10px;
		margin-right: 5px;
	}
p.subscribe { 
	clear: none;
	margin-left: 5px;
	}
}

@media screen and (max-width: 480px) {
	/**** Container ****/
	#content { padding:0 20px;}
	/**** Front Page ****/
	.home_left{
  		float: none;
  		width: 100%;
	}
	.home_right {
	  float: none;
	  width: 100%;
	}
	#homepagewidget {
		width: 100%;
	}
	#homepagewidget .textwidget {
		width: 100%;
		float:none;
	}
	/**** Pages ****/
	.post_sidebar { float:none; width:100%;}
	.sidebar { float:none; width:95%;}
	.sidebar > div { margin:10px 0px;}
	
	/*** Members ***/
	.members_left { float: none; width: 100%; }
	.members_right { float: none; width: 100%; }
	/**** News ****/
	.latest_news { margin:10px 0;}
	.latest_news_image { float:none; width:100%;}
	.latest_news_content { float:none; width:100%; margin:0px; }

}