/*
Theme Name: JSchool 2015
Theme URI:
Author: Tim Currie
Author URI: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* Global */
body,
h1,
h2,
h3,
img,
div,
span,
blockquote,
figure,
figcaption,
footer,
header,
article {
	margin: 0;
	padding: 0;
	border: 0;
	}


/* Fonts */


body {
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.4em;
	}

h1,
h2,
h3 {
	font-weight: 600;
	}

li {
	line-height: 1.25em;
	}


a:link,
a:visited {
	color: #01a9db; /* was: #01a9db; #01A9DB */
	text-decoration: none;
	font-weight: 400;
	}

a:hover {
	text-decoration: underline;
	}






/* Structure */

body {
	margin: 0;
	padding: 0;
	}

.content {
	max-width: 990px;
    margin: 1.0em auto;
	}




/* Header */

/* NOTE: JSchool Nav bar styles are imported */ 


	.siteheader-navmain-item {
	font-weight: 300;
		}

	.siteheader {
	/* background-color: whitesmoke; */
		margin: 1.0em 0;
		border: 0px solid whitesmoke;
		}

	.siteheader-container {
		max-width: 990px;
	    margin: 0 auto;
		border: 0px solid #ddd;
		padding: 0 0 0.5em 0;
		}
	
	.siteheader-logobox {  /* Container for site logo */
		width: 60%;
		border: 0px solid #ccc;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		height: 60px;
		}
	
	.siteheader-logobox h1 {
		display: inline;
		margin: auto 0;
		position: absolute;
		top: 0;
		bottom: 0;
		border: 0px solid orange;
		padding: 0;
		}

	.siteheader-logobox h1 a {
		font-family: 'Roboto', arial, helvetica, sans-serif;
		font-weight: 300;
		text-decoration: none;
		color: #243873; /* was: #4a639b, then: #243873 */
		font-size: 1.6em;
		line-height: 1.25em;
		}
	.siteheader-logobox h1.mfa a {
		font-size: 1.45em;
		}

	
	.siteheader-navbox { /* Container for search box & mobile nav */
		float: right;
		position: relative;
		width: 30%;
		height: 60px;
		border: 0px solid green;
		}



	/* DEFAULT Search Form */
	.siteheader .search-box {
		text-align: right;
		display: inline;
		border: 0px solid red;
		}
		
	.siteheader .search-field {
		background-color: transparent;
		background-image: url(../../uploads/core/search-icon.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 32px 32px;
		border: none;
		cursor: pointer;
		margin: 0px 0;
		padding: 0 0 0 34px;
		position: absolute;
		top: 50%;
		right: 0;
		height: 32px;
		margin-top: -18px;
		-webkit-transition: width 400ms ease, background 400ms ease;
		transition:         width 400ms ease, background 400ms ease;
		width: 1px;
		-webkit-appearance: textfield; /* imp. for search icon to display in Safari */
		}
	
	.siteheader .search-field:focus {
		background-color: #fff;
		border: 1px solid #c3c0ab;
		cursor: text;
		outline: 0;
		width: 25.0em;
		}
	
	.search-form .search-submit,
	.search-form .screen-reader-text { 
		display: none;
		}


	/* MOBILE Portal Search & Nav */
	
	#siteheader-mobile-menubutton, #siteheader-mobile-searchbutton {
		display: none;
		}
		
	#siteheader-mobile-menu, #siteheader-mobile-searchmenu {  
		display: none;
		padding: 10px 0;
		background: #363636;
		box-shadow: inset 0 0px 10px black;
		position: relative;
		z-index: 2;
		border-bottom: 1px solid #333;
		}
	
	.siteheader-mobile-menu-block {
		text-align: left;
		color: whitesmoke;
		margin-top: 0.25em;
		font-size: 0.85em;
		line-height: 1.5em;
		}
		
	.siteheader-mobile-menu-block a {
		color: whitesmoke;
		}
	
	.siteheader-mobile-menu-left {
		width: 40%;
		float: left;
		margin-left: 10%;
		border: 0px solid whitesmoke;
		}
		
	.siteheader-mobile-menu-right {
		width: 40%;
		float: right;
		margin-right: 10%;
		border: 0px solid whitesmoke;
		}

	/* DEFAULT Portal Nav */

	.siteheader-navmain {
		margin-top: 0.5em;
		border: 0px solid purple;
		height: 25px;
		}
	
	.siteheader-navmain-item {
		display: inline;
		padding: 0em 1.0em 0 0;
		border: 0px solid purple;
		font-size: 85%;
		letter-spacing: 0.05em;
		}

	.siteheader-navmain-item a {
		text-transform: uppercase;
		text-decoration: none;
		color: #a8a8a8;
		}


	.header-image {
		width: 100%;
		}


	/* Content Structure */

		.main-container {
			overflow: hidden;
			box-sizing: border-box;
			clear: both;
			margin-bottom: 2.0em;
			border: 0px solid red; 
			width: 73.5%;
			float: left;
			border: 0px solid red;
			}

		.sidebar-container {
			float: right;
			width: 25%;
			border-left: 1px solid whitesmoke; 
			box-sizing: border-box;
			padding-left: 1.5%;
			}




		.main-mfa-container {
			overflow: hidden;
			box-sizing: border-box;
			width: 80%;
			float: left;
			margin: 0 1% 1% 1%;
			}

		.sidebar-mfa1-container {
			float: left;
			width: 18%;
			border-right: 1px solid whitesmoke; 
			box-sizing: border-box;
			padding-right: 1%;
			margin-top: 50px;
			}

		.main-mfa-container article {
			float: left;
			width: 71%;
			}

		.sidebar-mfa2-container {
			float: right;
			width: 28%;
			border-left: 1px solid whitesmoke; 
			box-sizing: border-box;
			padding-left: 1%;
			margin-left: 1%;
			}


		/* Index Structure */
		.index-stories {
			float: right;
			width: 64%;
			}
	
		.social-posts {
			float: left;
			width: 33%;
			}

		.sidebar-mfa2-container	.social-posts {
			width: 100%;
			}		


		/* column borders */
			.border-right {
				position: relative;
				}
			.border-right:after {
			    position: absolute;
			    content:'';
			    height: auto;
			    top: 0;
			    bottom: 10px;
			    border-right: 1px solid whitesmoke;
			    width: 0;
				right: -4.0%;
				}

		
			.clear-fix {
				clear: both;
				height: 1.0em;
				}




	/* Index */
	
	/* Index Content */

		/* Social Posts */

		.social-posts a:link,
		.social-posts a:visited {
			color: #000;
			font-size: 1.0em;
			line-height: 1.2em;			
			}



		.contacts {
			font-size: 0.75em;
			line-height: 1.4em;			
			background-color: #3e606a; /* was: #91AEB6 */
			padding: 0.25em;
			margin-bottom: 1.5em;	
		    border-radius: 2em;
		    text-align: center;
			}

		.contacts a:link, .contacts a:visited {
			color: white;
			}

		/* Facebook Posts */ 

		.social-posts .recent-facebook-posts {
			font-size: 0.75em;
			line-height: 1.4em;			
			margin: 0 0 18px 0;
			padding: 0 0 1.0em 0;
			border-bottom: 1px solid whitesmoke;
			}

		.social-posts .rfbp-profile {
			height: 30px;
			margin: 0 0 0.4em 0;
			border: 0px solid red;
			}

		.social-posts .rfbp-profile-image {
			float: left;
			height: 30px;
			}
			
		.social-posts p.rfbp-profile-name {
			font-size: 0.8em;
			line-height: 1.4em;
			margin-left: 35px;
			}

		.social-posts p.rfbp-profile-name a {
			font-weight: bold;
			}

		.social-posts .rfbp-profile-name a {
			text-decoration: none;			
			}

		.social-posts .rfbp-post {
			margin: 0;
			padding: 0;
			border: 0px solid blue;
			}

		.social-posts h4.rfbp-heading {
			margin: 0;
			padding: 0;
			border: 0px solid green;
			}

		.social-posts .rfbp-text p {
			margin: 0;
			padding: 0;
			clear: both;
			border: 0px solid red;
			}

		.social-posts .rfbp-image-wrap {
			margin: 0.4em 0 0 0;
			padding: 0;
			}
			
		.social-posts .rfbp-image img {
			margin: 0;
			padding: 0;			
			}	

		.social-posts .rfbp-post-link-wrap	{
			margin: 0;
			padding: 0;			
			}		
			


		/* Index Posts */

		.post {
			margin-bottom: 1.5em;
			padding: 0 1.0em;
			}
		
		.index-stories img {
			width: 100%;
			height: auto;
			margin:0 0 1.0em 0;
			padding: 0;
			}
	
		.index-stories h1 {
			font-size: 1.15em;
			line-height: 1.4em;
			font-weight: 600;
			padding: 0;
			color: #000;  /* old dusty blue: #3a4C77 */
			margin-bottom: 0.5em;
			}

		.index-stories p {
			margin-top: 0;
			}

		.index-stories ul, .index-stories ol {
			font-size: 0.9em;
			margin: 0;
			}


		.index-stories li {
			margin-bottom: 12px;
			}


		.main-mfa-container .lead-image {
			width: 175px;
			float: right;
			margin: 0.75em 0 0 0.75em;
			}

		/* Crop images on index pages to 16:9. From: http://alistapart.com/article/creating-intrinsic-ratios-for-video */
		.main-mfa-container .lead-image .image-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			}
			
		.main-mfa-container .lead-image .image-container img {
			position: absolute;
			top: 50%;
			right: 0;
			width: 100%;
			height: auto;
			transform: translateY(-50%);
			}		


	
		/* MFA page header */
		.mfa-header {
			width: 98%;
			font-size: 0.75em;
			line-height: 1.4em;			
			background-color: #FBC743; /* old: #91AEB6 */
			padding: 0.25em;
			margin-bottom: 1.5em;	
		    border-radius: 2em;
		    text-align: center;
			}
			
		.mfa-header a {
			color: #fff;
			}


		/* Individual Posts */

		article h1 {
			font-size: 1.75em;
			line-height: 1.4em;
			font-weight: 600;
			margin:0 0 0.5em 0;
			padding: 0;
			color: #3e606a; /* was: #91aeb6 then: #70858b */
			}

		article h2 {
			font-size: 1.40em;
			line-height: 1.45em;
			font-weight: 700;
			color: #000; /* was:  #3a4C77 */
			margin: 1.5em 0 0.25em 0;
			}


		article h3 {
			font-size: 1.20em;
			line-height: 1.2em;
			font-weight: 700;
			margin: 0.75em 0 0.25em 0;
			/* color: #3a4C77; */
			}

		article h4 {
			font-size: 1.0em;
			line-height: 1.2em;
			font-weight: 700;
			/* color: #3a4C77; */
			}


	
		article .published-date,
		article .modified-date  {
			font-weight: 400;
			color: #b8b8b8;		
			}

		article .published-date {
			margin-top: 1.0em;
			margin-bottom: 0.75em;
			font-size: 0.85em;		
			}

		article .published-date .modified-date  {
			font-size: 0.80em;		
			}

		article ol > li {
			margin-top: 0.5em;
			}
	
		article ul, article ol {
			font-size: 1.0em;
			}


		article li {
			margin-bottom: 3px;
			}


		article table {
		    border-top: 3px solid #383838;
		    border-bottom: 3px solid #383838;
		    box-sizing: border-box;
		    margin-bottom: 2.0em;
		    width: 100%;			
		}

		article th,
		article td		 {
			font-size: 0.85em;
			}
			
		article td {
		    border-top: 1px solid #989898;
			vertical-align: top;
			padding: 9px 0px 12px 12px;
			}

		article tr:nth-child(1) td {
		    border-top: 0;
			}

		article tr:nth-last-child(1) td {
		    border-bottom: 0;
			}

		article td:nth-child(1) {
			padding-left: 0;
			}

		article blockquote {
			font-size: 0.85em;
			padding: 0.1em 0.5em 0.1em 0.5em;
			margin-left: 2.0em;
			background-color: #e8e8e8;
		}

		article .wp-caption-text {
			font-size: 0.85em;
		    width: 100%;
			font-weight: 600;
			margin: 0px 0px 9px 0px;
			padding: 0;
			}


		article img {
			width: 100%;
			height: auto;
			}


		article .alignright {
			float: right;
			width: 50%;
			margin: 12px 0 12px 12px;
			}
	
		article .alignleft  {
			float: left;
			width: 50%;
			margin: 12px 12px 12px 0;
			}



		/* Breadcrumbs */
		#breadcrumbs {
			margin: 0 0 0.75em 0;
			padding: 0;
			font-size: 0.85em;
			}
		
		#breadcrumbs li {
			list-style: none;
			display: inline-block;		
			}
	
		#breadcrumbs .separator {
			margin: 0 0.5em;
			}


	


	/* Sidebar content */
			

		.sidebar-container a, .sidebar-container a:visited {
			color: #000;
			font-weight: 600;
			}


		.sidebar-container .signal-stories .signal-logo {
			width: 100px;
			}

		.sidebar-container .signal-stories p {
			font-size: 0.75em;
			line-height: 1.5em;
			}

			
		.sidebar-container .feed-button {
			margin: 0px 0 0px 0;
			text-align: left;
			border: 0px solid red;
			padding: 0;
			}

		div.feed-button:nth-child(2) { 
			margin: 0px 0 12px 0;
			}



		.sidebar-container .rssfeed_item {
			padding-bottom: 6px;  
			border-bottom: 1px solid whitesmoke;
			margin-bottom: 12px;  
			}
			
		.sidebar-container .rssfeed_item img {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			}

		.sidebar-container .rssfeed_item h3 {
			font-size: 1.0em;
			line-height: 1.3em;
			margin: 0;
			padding: 0;
			border: 0px solid red;
			}

		.sidebar-container .rssfeed_item h3 a {
			}

		.sidebar-container .rssfeed_item .deck {
			font-size: 0.75em;
			line-height: 1.4em;
			margin: 0.5em 0 0 0;
			padding: 0;
			border: 0px solid red;
			}

		.sidebar-container .rssfeed_item .published {
			font-size: 0.7em;
			line-height: 1.0em;
			margin: 1.0em 0 0 0;
			padding: 0 0 1.0em 0;
			border: 0px solid red;
			}

		.sidebar-mfa1-container ul {
			font-size: 0.90em;
			list-style: none; 
			margin: 0;
			padding: 0;
			}

		.sidebar-mfa1-container ul li {
			padding-bottom: 0.5em;
			}

/* Search Results */

	.search-result {
		border-top: 1px solid #f0f0f0;
		padding-top: 12px;
		clear: both;
		}


	.search-text {
		border: 0px solid blue;		
		}

	.search-text h1 {
		font-size: 1.15em;
		line-height: 1.3em;
		font-weight: 600;			
		margin: 0 0 4px 0;
		padding: 0;
		}

	.search-text h1 a {
		color: black;
		}

	h1 .search-term {
		font-weight: 300;			
		color: #999;
		}


	.page-content .search-result:nth-last-child(1) {
		border-bottom: 0;
		margin-bottom: 0;
		}

	.pagination {
		font-size: 1.0em;
		line-height: 1.4em;
		font-weight: 400;			
		text-align: center;
		margin: 1.0em 0;	
		}









/* Footer */




	footer {
		font-family: 'Roboto', arial, helvetica, sans-serif;
		font-weight: 300;
		font-size: 0.70em;
		line-height: 1.5em;
		border-top: 3px solid #91AEB6;
		height: auto;
		overflow: hidden;
		max-width: 990px;
	    margin: 0.25em auto 0em auto;
		text-align: left;
		clear: both;
		letter-spacing: 0.05em;
		}
		
	.footer-head {
		font-weight: 600;
		}

	.footer-left {
		width: 45%;
		float: left;
		border: 0px solid red;
		}

	.footer-right {
		width: 45%;
		float: right;
		border: 0px solid red;
		}

	footer .footer-left a,
	footer .footer-right a	 {
		color: #000;
		}








@media screen and (max-width: 1100px)  { /* narrower than full, but wider than iPad portait */



	}


@media screen and (max-width: 990px)  { /* narrower than full, but wider than iPad portait */

	.siteheader-logobox h1.mfa a {
		font-size: 1.3em;
		}

	
	.content,
	.siteheader-container,
	footer {
		margin-left: 12px;
		margin-right: 12px;
		}

	.search-text h1 {
		font-size: 1.2em;
		line-height: 1.3em;
		font-weight: 400;			
		}

	}


@media screen and (max-width: 900px)  { /* narrower than full, but wider than iPad portait */

	.siteheader-logobox h1.mfa {
		margin-top: 0.15em;
		}
	.siteheader-logobox h1.mfa a {
		font-size: 1.15em;
		}

	}


@media screen and (max-width: 800px) { /* iPad portrait, Nexus 7 portrait, or narrower */

	.siteheader-logobox h1.mfa {
		margin-top: 0.25em;
		}
	.siteheader-logobox h1 a {
		font-size: 1.4em;
		}
	.siteheader-logobox h1.mfa a {
		font-size: 1.0em;
		}


	.index-stories,
	.main-mfa-container article {
		float: none;
		width: 100%;
		}

	.social-posts,
	.sidebar-mfa2-container	 {
		float: none;
		width: 100%;
		}


	.search-text h1 {
		font-size: 1.1em;
		line-height: 1.25em;
		font-weight: 400;			
		}

	

	}
	


@media screen and (max-width: 768px) and (min-width: 768px)  { /* iPad portrait exactly */ 


	}


@media screen and (max-width: 767px)  { /* smaller than iPad portrait, wider than smartphone */ 


	}


@media screen and (max-width: 700px)  { /* for headers */ 

	/* Mobile & Search NAV */


	.siteheader-logobox {  /* Container for site logo */
		width: 79%;
		height: 40px;
		}
	.siteheader-navbox {
		width: 20%;
		height: 40px;
		}
	.siteheader-logobox h1.mfa {
		margin-top: 0.1em;
		}
	.siteheader-logobox h1 a {
		font-size: 1.2em;
		}

	.siteheader-navmain {
		display: none;
		}

	.siteheader-navmain-search {
		display: none;		
		}

	#siteheader-mobile-searchbutton {
		display: inline;
		position: absolute;
		top: 50%;
		right: 25%;
		height: 30px;
		margin-top: -15px;
		margin-right: 15px;
		}

	#siteheader-mobile-searchbutton img {
		height: 100%;
		}


	#siteheader-mobile-menubutton {
		display: inline;
		position: absolute;
		top: 50%;
		right: 0;
		height: 24px;
		margin-top: -3px;
	}

	.siteheader-mobile-menuicon {
		position: relative;
		padding-right: 1.5em;
		font-size: 2.0em;
		vertical-align: middle;
	}
	.siteheader-mobile-menuicon:before {
		content: "";
		position: absolute;
		right: 0.25em;
		top: 0em;
		width: 1.0em;
		height: 0.12em;
		background: #a8a8a8;
		box-shadow: 
		0 0.25em 0 0 #a8a8a8,
		0 0.5em 0 0 #a8a8a8;
	}




/* Content Not Floated */
	.main-container {
		overflow: hidden;
		box-sizing: border-box;
		clear: both;
		margin-bottom: 2.0em;
		width: 100%;
		float: none;
		}

	.sidebar-container {
		float: none;
		width: 100%;
		border-left: 0px solid whitesmoke;
		box-sizing: border-box;
		padding-left: 0;
		}

	.sidebar-mfa1-container	 {
		display: none;
		}

	.main-mfa-container {
		width: 100%;
		}

	.search-text h1 {
		font-size: 1.0em;
		line-height: 1.4em;
		font-weight: 400;			
		}











	/* Mobile & Search DROP-DOWN MENU */
	
	#siteheader-mobile-searchmenu .search-box {
		margin-left: 10%;
		margin-right: 10%;
		}

	/* Footer */
	.footer-left, .footer-right {
		display: none;
		}

	}


@media screen and (max-width: 600px) {  /* smartphone portrait or narrower */



	#siteheader-mobile-searchbutton {
		margin-right: 30px;
		}


	}


@media screen and (max-width: 580px) {  /* smartphone portrait or narrower */

	.siteheader-logobox h1.mfa a {
		font-size: 0.90em;
		}


	#siteheader-mobile-searchbutton {
		margin-right: 30px;
		}


	}




@media screen and (max-width: 480px) {  /* smartphone portrait or narrower */

	.siteheader-logobox h1.mfa a {
		font-size: 0.85em;
		}
	}


@media screen and (max-width: 450px) {  /* smartphone portrait or narrower */

	.siteheader-logobox h1 a {
		font-size: 1.0em;
		}
	.siteheader-logobox h1.mfa a {
		font-size: 0.75em;
		}

}