/*

Theme Name:     Spokane River Watertrail

Description:    Child theme for the Twenty Twelve theme 

Template:       twentyeleven

Version:        0.1.0

*/



@import url("../twentyeleven/style.css");







/**************************************** HIDE THESE THINGS */



footer.entry-meta, div.entry-meta, nav#nav-single {

	display: none;

	visibility: hidden;}





/**************************************** MAIN STRUCTURE */



body {

	background-color: #ffffe4;

	color: black;

	font-family: Verdana,Arial,sans-serif;

	font-size: 12px;

	line-height: 16px;

	margin: 10px;

	text-align: left;

	padding: 0;

	height: 100%;}



#masthead {

	max-width: 1020px;

	text-align: center;

	margin: 0 auto;

	padding-bottom: 8px;}



#mastheadinfo {

	width: 50%;

	float: right;

	text-align: right;}



#mastheadinfo p {

	text-align: right;

	font-size: 12px;

	line-height: 14px;

	margin: 0;

	color: #666666;}



#mastheadlogo {

	width: 50%;

	text-align: left;}



#main {

	padding-top: 0;

	border-bottom: 2px solid #74b74a;}



#page {

	margin-top: 0;

	max-width: 1020px;

	min-width: 1020px;}



#content {

	width: 70%;}



footer #site-generator {

	background: #ffffe4;}



.entry-content, .entry-summary {

	padding: 0;}



body.right-sidebar div#primary {

	}



aside ul {

	padding-left: 15px;}



.hentry, .no-results {

	border-bottom: 1px solid #74b74a;}



.singular #primary {

    float: left;

    margin: 0 -26.4% 0 0;

    width: 100%;}



.singular .fullwidth .entry-header, .singular .fullwidth .entry-content, .singular .fullwidth footer.entry-meta, .singular .fullwidth #comments-title {

	width: 95%;}



/**************************************** SITE MENUS */



ul.menu li {

	float: left;

}



div.access-level2 a, nav#access a {

	font-size: 11px;

	line-height: 11px;

	padding: 8px 12px;

	color: #fff;

	display: block;

	text-decoration: none;

	white-space: nowrap;}



nav#access, div.access-level2 {

	width: 100%;

	text-transform: uppercase;

	font-weight: bold;

	box-shadow: none;

	margin-bottom: 0;}



nav#access div, div.access-level2 div {

	margin: 0 9px;}



nav#access ul, div.access-level2 ul {

	font-size: 11px;}





/**************************************** MAIN TOP MENU */



nav#access {

	background: #74B74A;}



#access li.facebooklink {

	float: right;

	display: inline-block;

	text-transform: none;}



#access li.facebooklink a {

	padding-right: 26px;

	background: url('images/facebookicon.png') no-repeat top right; }



#access li:hover a {

	background: #6aa744;

	color: white;}





/**************************************** WATERTRAIL MENU */



div.access-level2 {

	background: #003f7b;

	display: block;

	height: 27px;}



div.access-level2 ul {

	list-style: none outside none;

	margin: 0 0 0 -0.8125em;

	padding-left: 0;}



div.access-level2 li {

	display: block;

	position: relative;}



div.access-level2 li a {

	display: block;

	whitespace: nowrap;

	border-right: 1px solid #00559f; }



div.access-level2 li:hover { 

	background: #00559f; }



div.access-level2 li.current-menu-item, div.access-level2 li.current-page-ancestor {

	background: #00559f url('images/triangle.png') no-repeat bottom center; }





/* WATERTRAIL MENU SUB DISPLAY */



div.access-level2.sub {

	background: white;

	border-bottom: 2px solid #74b74a;}



div.access-level2.sub a { 

	border-right: 1px solid #d7e7f1; 

	color: #003f7b;

	font-weight: normal;}



div.access-level2.sub li:hover { 

	background-color: #d7e7f1;}



div.access-level2.sub li.current-menu-item {

	background-color: #d7e7f1;

	background-image: none; }





/************************************** SIDEBAR MENU */



#secondary li.menu-item {

	background: none;

	/*border-top: 1px solid #ccc;

	padding-top: 5px;*/

	margin-top: 5px;

	clear: both;

	width: 100%;

	}





/**************************************** FIX PADDING AND MARGIN FROM ARTICLES */



.singular #content, .archive #content, .category #content, .page #content, .singular.page .hentry {

	padding: 0;

	margin: 0;}



#content article {

	padding: 20px 0px 20px 40px;

	margin-bottom: 0;}



.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {

	margin: 0;}



.category header.page-header {

	padding-left: 30px;

	padding-top: 10px;

	border-bottom: 1px solid #74b74a;}



div#secondary {

	padding-top: 60px;

	margin-right: 30px;

	z-index: 100;

	position: relative;

	color: #666;}





/**************************************** TEXT */



body h1.entry-title, .singular h1.entry-title {

    color: #74B74A;

    font: bold 22px/24px Verdana,Arial,sans-serif;

    margin: 0 0 8px;

    padding-bottom: 12px;}



.singular h2 {

    color: #74B74A;

    font: bold 18px/21px Verdana,Arial,sans-serif;

    margin: 0 0 13px;}



.entry-title a {

	color: #1982d1;}



.widget {

	word-wrap: normal !important;

	-moz-hyphens: none !important;

	-ms-hyphens: none !important;

	-webkit-hyphens: none !important;

	hyphens: none !important;} 





/**************************************** ASIDES */



aside.widget_categories ul li {

	padding-bottom: 4px;}



aside h3.widget-title {

	font-size: 10px;

	line-height: 14px;

	margin-bottom: 15px;}

.menu-recreational-resource-categories-container ul.menu li {
	float: none;
}

/* RAH secondary menu only */



.secondary-menu { width:100%;  text-transform:uppercase; height:54px; overflow:hidden; }

.secondary-menu a { text-decoration:none; color:white; font-size:11px; font-weight:bold;  }

.secondary-menu ul { list-style:none; margin:0; padding:0; border-bottom: 2px solid #74b74a;  height:27px; background:#003f7b; }

.secondary-menu li { display:block; float:left; line-height:27px; border-right: 1px solid #00559f; }

.secondary-menu li a { display:block; padding:0 12px; }

.secondary-menu li a:hover { display:block; background: #00559f; text-decoration:none;  }



.secondary-menu ul li ul { display:none; }

.secondary-menu ul li ul li { border-right: 1px solid #d7e7f1 !important; }

.secondary-menu ul li ul li a { color:#003f7b; font-weight:normal; text-decoration:none; }

.secondary-menu ul li ul li a:hover { background:#d7e7f1; text-decoration:none; } 



li.current-menu-item { background: #00559f url('images/triangle.png') no-repeat bottom center; }

ul li.current-menu-item ul { display:inline; position:absolute; width:1020px; left:50%; margin-left:-510px; 

	background:white !important;  }

li ul li.current-menu-item { background:#d7e7f1; }

.secondary-menu ul li.current-page-ancestor ul{ display:inline; position:absolute; width:1020px; left:50%; margin-left:-510px; 

	background:white !important;  }

.current-page-ancestor { background: #00559f url('images/triangle.png') no-repeat bottom center; }



/* Temporary solution to the submenu resize problem - in order of menus */



li#menu-item-245 ul { margin-left:-90px; left:auto; }

li#menu-item-254 ul { margin-left:-170px; left:auto; }

li#menu-item-263 ul { margin-left:-261px; left:auto; }

li#menu-item-268 ul { margin-left:-344px; left:auto; }







/**************************************** CONTENT AREAS TOP MARGIN FIXES FOR NO 3RD TIER MENU */



div#detailspage, .single-post div#content {margin-top:-25px;}

.single-post div#secondary {padding-top: 10px; padding-bottom: 30px;}



/**************************************** style the stewardship feed */



.stewardshipfeed {

	padding-left: 40px;

	padding-bottom: 25px;}



/**************************************** new social stuff */



#sub-map-sponsors .bottomcontainerBox {

	display: none;

	visibility: hidden;

	}
	
/* RESPONSIVE STYLES (MOBILE LAST METHOD) */
.mobile-control-panel {
	display: none;
}

@media screen and (max-width: 1019px){

	#page {
		width: 100%;
		min-width: 0;
	}
	#main #content {
		margin: 0;
	}

	header {
		max-height: 100%;
		overflow-y: scroll;
	}
	.mobile-control-panel {
		display: block;
		background-color: #0053a1;
	}
	.mcp-controls {
		width: 94%;
		width: calc(100% - 20px);
		margin: 0 auto;
		background-color: #0053A1;
		list-style-type: none;
		text-align: center;
  }
  .mcp-control {
  	border-left: 1px solid #74B74A;
  	border-right: 1px solid #74B74A;
	}
	.mcp-control:not(.mcp-menu) {
  	display: none;
	}
  /* when there was a home button, therefore at least two controls on every page:
  .mcp-control {
  	display: inline-block;
  	width: 49%;
  }
  .mcp-control:first-child {
  	border-right: 1px solid #74B74A;
  }
  .mcp-filter {
  	display: none;
  }
  */
  .mcp-controls a {
  	display: block;
  	padding: 0.8em 0;
  	color: #fff;
  	text-transform: uppercase;
  }


	.mcp-panel {
		display: none; /* set to block individually */
		overflow: hidden;
	}
	.mcp-panel .js-close {
		margin: 0.5em 0 0.25em;
		text-align: center;
	}
	.mcp-panel .js-close span {
		display: inline-block;
		padding: 0.8em 1.5em;
		background-color: #fff;
		color: #0053a1;
		text-transform: uppercase;
		cursor: pointer;
	}
	
	#access li,
	ul.menu li {
		float: none;
	}
	.secondary-menu {
		height: auto;
		overflow: visible;
	}
	.secondary-menu ul {
		height: auto;
	}
	.secondary-menu ul:before,
	.secondary-menu ul:after {
			content: "";
			display: table;
	} 
	.secondary-menu ul:after {
			clear: both;
	}
	ul li.current-menu-item ul {
		position: static;
		width: 100%;
		margin-left: 0!important;
	}
	#page .secondary-menu ul li.current-page-ancestor ul {
		position: static;
		width: 100%;
		margin-left: 0;
	}
	.secondary-menu ul li ul li a {
		background-color: #fff;
	}

	#map_canvas {
		margin-top: 0!important;
	}

	div#contentwrap-primary {
  	padding: 16px 12px 12px;
  }
  div#map-data {
  	width: 100%;
  	margin-top: 20px;
  }
  div#parkdata {
		display: block;
		width: 100%;
		float: none;
	}
	div#amenities {
		width: 100%;
		float: none;
	}  
	h1#parkname {
		display: block;
  }
  
  #content article {
	  padding: 10px;
  }
  .category header.page-header {
	  padding-left: 10px;
  }
  .entry-content {
  	overflow-x: scroll;
  }
}