/*
Theme Name: Annual Report 14
Theme URI: http://research.unl.edu
Author: Joel Brehm
Author URI: http://www.joelbrehm.com/
Description: Theme for the 2014 Research Report
Version: 1.0
Text Domain: annualReport

*/

body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #565656;
}

input{
	font-family: 'Roboto', sans-serif;	
	font-weight: 300;
}

a{
	color: #900;
	text-decoration: none;
}


ul {
	padding-left: 1.2em;
}

li{
	margin-bottom: .5em;	
}

a:hover{
	color: #C00;	
}

h1, h2, h3, h4, h5{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1em;	
}

h1{
	font-size: 4.5em;	
}

h2{
	font-size: 4.5em;
}

h3{
	font-size: 3em;
	margin-bottom: .6em;
}

h4{
	font-size: 1.7em;
	margin-bottom: .5em;
}

div h4:first-child{
	margin-top: 0px;	
}

.singleContainer h1{
	color: #8d8d8d;
	font-size:1.5em;
	text-align:center;
	margin:0px;
	padding: 0px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: .3em;
}

/* ----------------------------------------- Begin bootstrap - common re-used elements ------------------------------------------ */

body{
	margin: 0px;
	padding: 0px;
}

img, svg{
	max-width: 100%;
	height:auto;	
}

   /* ---------------------------------------- grid system ----------------------------------------*/
		
	.gridOnetwelfth, .gridOneSixth, .gridOneFourth, 
	.gridOneThird, .gridFiveTwelfths, .gridOneHalf, 
	.gridSevenTwelfths, .gridTwoThirds, .gridThreeFourths, 
	.gridFiveSixths, .gridElevenTwelfths
	{
		float: left;
		margin-left: 1.7%;
		display:inline;
	}
		
	.gridOnetwelfth, .gridOnetwelfth.ignoreBreakpoint{
		width: 6.775%;
	}
	    
    .gridOneSixth, .gridOneSixth.ignoreBreakpoint{
		width: 15.25%;
	}
	    
    .gridOneFourth, .gridOneFourth.ignoreBreakpoint{
		width: 23.72%;
	}
	    
    .gridOneThird, .gridOneThird.ignoreBreakpoint{
		width: 32.2%;
	}
	
    .gridFiveTwelfths, .gridFiveTwelfths.ignoreBreakpoint{
		width: 40.67%;
	}
	
    .gridOneHalf, .gridOneHalf.ignoreBreakpoint{
		width: 49.15%;
	}

	.gridSevenTwelfths, .gridSevenTwelfths.ignoreBreakpoint{
		width: 57.62%;
	}

	.gridTwoThirds, .gridTwoThirds.ignoreBreakpoint{
		width: 66.1%;
	}
	
	.gridThreeFourths, .gridThreeFourths.ignoreBreakpoint{
		width: 74.57%;
	}
	
	.gridFiveSixths, .gridFiveSixths.ignoreBreakpoint{
		width: 83.05%;
	}
	
	.gridElevenTwelfths, .gridElevenTwelfths.ignoreBreakpoint{
		width: 91.52%;
	}
	  
   	.gridTopBottomPadding{
		padding:10px 0;
	}

    .gridTopBottomHalfPadding{
        padding:5px 0;
    }
  
    .gridTopHalfPadding{
        padding: 5px 0 0 0;
    }
  
    .gridBottomHalfPadding{
        padding: 0 0 5px 0;
    }
    
    .gridTopPadding{
        padding: 10px 0 0 0;
    }
  
    .gridBottomPadding{
        padding: 0 0 10px 0;
    }

   	.gridTopBottomMargin{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.gridLeftDividerLine{
		margin-left:12px;
		padding-left:11px;
		border-left:1px solid #cccccc;
	}

	.gridOnetwelfth.gridLeftDividerLine, .gridOneSixth.gridLeftDividerLine, .gridOneFourth.gridLeftDividerLine, 
	.gridOneThird.gridLeftDividerLine, .gridFiveTwelfths.gridLeftDividerLine, .gridOneHalf.gridLeftDividerLine, 
	.gridSevenTwelfths.gridLeftDividerLine, .gridTwoThirds.gridLeftDividerLine, .gridThreeFourths.gridLeftDividerLine, 
	.gridFiveSixths.gridLeftDividerLine, .gridElevenTwelfths.gridLeftDividerLine{
		margin-left:.85%;
		padding-left:calc(.85% - 1px);
		border-left:1px solid #cccccc;
	}

    .gridRightDividerLine{
        border-right:1px solid #cccccc;
    }

    .gridBottomDividerLine{
        margin-bottom:12px;
        padding-bottom:21px;
        border-bottom:1px solid #cccccc;
    }

	.gridOnetwelfth.first, .gridOneSixth.first, .gridOneFourth.first, 
	.gridOneThird.first, .gridFiveTwelfths.first, .gridOneHalf.first, 
	.gridSevenTwelfths.first, .gridTwoThirds.first, .gridThreeFourths.first, 
	.gridFiveSixths.first, .gridElevenTwelfths.first{
		margin-left: 0 !important;
    	clear: left !important;
    }
    
	.gridOnetwelfth img, .gridOneSixth img, .gridOneFourth img, 
	.gridOneThird img, .gridFiveTwelfths img, .gridOneHalf img, 
	.gridSevenTwelfths img, .gridTwoThirds img, .gridThreeFourths img, 
	.gridFiveSixths img, .gridElevenTwelfths img{
		max-width: 100%;
		height: auto;
	}    
	
   /* ---------------------------------------- grid system ----------------------------------------*/
   
   .clear{
		clear: both; 
		height: 0px;
		margin: 0px;
		padding: 0px;
		line-height: 0px;
		display: block;  
   }
   
	.verticalAlign{
		display: table;
		width: 100%;
	}
	
	.verticalAlign .td{
		display: table-cell;
		vertical-align:middle;	
	}
	
	hr{
		height: 1em;
		border: none;
		border-bottom: 1px solid #dddddd;
		margin: 0em;
		padding: 0em;
		margin-bottom: 1em;	
	}
	
	.aligncenter{
		text-align: center;
		margin: auto;
		display: block;	
	}
	
	@media (max-width: 940px){
		h1{
			font-size: 3em;	
		}
		
		h2{
			font-size: 3em;
		}
		
		h3{
			font-size: 2.5em;	
		}
		
		h4{
			font-size: 1.5em;	
		}
	}
   
   /* ----------------------------------------- end bootstrap ------------------------------------------ */

	.singleContainer{
		display: none;
		background-color: #ffffff;
		margin-bottom: 13em;
		padding-bottom: 9em;
	}

	.innerContent{
		width: 90%;
		padding: 20px 5%;
	}
	
	.innerContent2{
		 width: 60%; 
		 padding: 0 20%;
		 font-size: 1.5em;
		 line-height: 1.5em;
		 font-weight:300;
	}
	
	.innerContent3{
		 width: 60%; 
		 padding: 0 20%;
	}
	
	.innerContent2 p:first-child{
		font-size: 	2.2em;
		line-height: 1.2em;
	}

	.titleBar{
		padding: 24px 0px 0px 0px;	
		background-color: rgba(255,255,255,1);
		width: 100%;
		top: 0px;
		z-index: 15;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);
	}

	.titleBarSmall, .singleContainer .titleBar{
		position: fixed !important;
		padding-top: 8px;
		height: 36px;
	}

   .titleBar h1, .titleBar h2{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 0.9em;
		color: #757575;
		letter-spacing: 0.3em;  
		display: inline;
		position:relative;
   }
   
   .headerVideo{
	   background-color: #cccccc;
	   border: 20px solid #ffffff;
	   background-image: url(images/cover.jpg);
	   background-size: cover;
	   background-position:center;
	   overflow:hidden
   }
   
   .nLogo{
		position: relative;
		top: -55px;
		z-index: 10;
   }
   
   .nLogoSmall, .singleContainer .nLogo{
		height: 65px !important;
		top: -15px;
   }
   
   .background, .firstBackground{
	   position:fixed;
	   width:100%;
	   background-size: cover;
	   z-index:-20;
	   top: 0px;
	   left: 0px;
	   background-color: #ffffff;
	   display:none;
	   background-position:center;
   }
   
   .firstBackground{
		display: block;   
   }
   
   #bck3{
		background-color: rgba(56,50,37, .7);
		z-index:-1;
		/*
		-moz-box-shadow:    inset 0 0 200px rgba(0,0,0, .5);
		-webkit-box-shadow: inset 0 0 200px rgba(0,0,0, .5);
		box-shadow:         inset 0 0 200px rgba(0,0,0, .5);
		
		background: -moz-linear-gradient(left, rgba(56,50,37, .7) 0%, rgba(0,0,0,0) 100%); 
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(56,50,37, .6)), color-stop(100%,rgba(0,0,0,0))); 
		background: -webkit-linear-gradient(left, rgba(56,50,37, .7) 0%,rgba(0,0,0,0) 100%); 
		background: -o-linear-gradient(left, rgba(56,50,37, .7) 0%,rgba(0,0,0,0) 100%); 
		background: -ms-linear-gradient(left, rgba(56,50,37, .7) 0%,rgba(0,0,0,0) 100%); 
		background: linear-gradient(to right, rgba(56,50,37, .7) 0%,rgba(0,0,0,0) 100%);
		*/
   }
   
   .white{
		color: #ffffff;   
   }

	.white h1, .white h2, .white h3, .white h4{
		color: #ffffff;
	}
	
	.white a{
		color: #ffffff;
		opacity: .9;	
	}
	
	.stay{
		position: relative;	
	}
	
	.readMore{
		margin: 3.5em 0;
	}
	
	.readMore a{
		display: none;
		border: 0.13em solid #ffffff;
		padding: 0.5em;
		text-align: center;
		font-size: 1.5em;
		cursor: pointer;
	}	
	
	.readMore a:hover{
		border-color: #dd0000;
		background-color: #dd0000;
	}
	
	#stationaryHeaderPlaceholder{
		background-color: #ffffff;	
	}
	
	.readMoreContainer{
		min-height: 100px;
	}
	
	.backgroundStory{
		position: relative;	
	}
	
	.readMorePrem{
		display: none;	
	}
	
	.navMenu{
		width: 90%;
		padding: 1em 5%;
		background-color: #FFF;
		z-index: 5;
		border-bottom: 1px dotted #dddddd;
		position:relative;
		top: -34px;
	}
	
	.singleContainer .navMenu{
		display:none;
	}
		
	.navMenu a{
		color: #000000;
	}
	
	.navMenu a:hover, .navMenu a.current{
		color: #c00;
	}
	
	.navMenu ul{
		list-style: none;
		padding: 0px;
		margin: 0px;	
	}
	
	.navMenu ul li{
		font-size: 1.5em;
		float: left;
		margin: .5em 0.7em;
	}
		
	.navMenu ul li ul{
		padding: 1em 0;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
		list-style:square;
		color: #dddddd;
		border-right: 1px dotted #dddddd;
	}
	
	.navMenu ul li ul li{
		font-size: 0.6em;
		float: none;
	}
	
	.menuButton{
		cursor: pointer;
		font-size: 1.6em;	
	}
	
	#searchform label{
		display:none;	
	}
	
	#searchform input{
		font-size:1.5em;	
		padding:10px;
	}	
	
	#searchform #searchsubmit{
		background-color:#dd0000;
		border:none;
		color:#ffffff;
		cursor:pointer;
	}
	
	.footerSearch{
		border:none;
		background-color:#efefef;	
	}
	
	.footerSearchSubmit{
		background-color: #cccccc !important;
	}

	.footerSearchform{
		padding-top:30px;
		font-size:10px;	
	}
	
	.footer{
		background-color: #ffffff;
		padding-top: 100px;	
	}
	
	#footerWordmark{
		width: 290px;	
	}
	
	.copyright {
		padding-top: 100px;
		font-size: 11px;
		color: #999;
		text-align: center;
	}
	
	blockquote{
		align-content: center;
		width: 80%;
		padding: 35px 5%;
		margin: 10px 5%;
		background-color: #eaeaea;
		background-image: url(images/corner.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.grayBox{
		padding: 35px 5%;
		background-color: #eaeaea;
		background-image: url(images/corner.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.grayBox2{
		padding: 25px 5%;
		background-color: #eaeaea;
		background-image: url(images/corner.png);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.grayBox2 h4{
		margin: 0px;
	}
	
	blockquote p, .innerContent2 blockquote p:first-child{
		font-size: 1.2em;	
	}
	
	.size-thumbnail{
		width: 49%;	
	}
	
	.innerContent2 .alignnone{
		display: block;
		margin: 0px auto;
	}
	
	.footer a, .articleFooter a, .storyLink a, a.zenbox {
		color: #888888;
		background-color: #eeeeee;
		padding: 10px;
		text-decoration: none;
		float: left;
		margin: 2px;
		line-height: 16px;
		position: relative;
	}

	.footer a:after, .articleFooter a:after, .storyLink a:after, a.zenbox:after {
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 5;
		width:0px;
		height: 0px;
		background-image: url('images/corner.png');
		background-size: 18px 18px;
		background-repeat: no-repeat;
		content:"";
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	
	.footer a:hover:after, .articleFooter a:hover:after, .storyLink a:hover:after, a.zenbox:hover:after  {
		width:18px;
		height: 18px;
	}
	
	a.zenbox{
		display: block;
		padding: 17px;
		margin-bottom: .5em;
		width: 100%;
		min-height: 203px;
	}
	
	.socialMedia{
		clear: both;
		padding-top:4em;	
		padding-bottom:4em;	
		color: #e9e9e9;
	}
	
	.socialMedia i{
		font-size: 2em;
		color: #e9e9e9;
		padding: 0px .3em;
		vertical-align: middle;
	}
	
	.socialMedia a i{
		color: #cccccc;
	}
	
	.socialMedia a:hover i{
		color: #dd0000;
	}
	
	.articleFooter{
		 border-top: 1px solid #dddddd;
	}
	
	.articleFooter h4, .footer h4{
		font-size: 1.4em;
		color: #000000;
		margin-bottom: 3em;
		font-weight:400;
	}
	
	.mainSearchform{
		text-align: center;
		padding-top:20px;	
	}
	
	#highlights, #accolades, #financials, #about{
		background-color: #ffffff;	
		margin-top: 13em;
		padding-bottom: 13em;
	}
	
	#highlights h3{
		margin-top: 0px;
		font-size:2em;	
	}
	
	.colorBlock{
		background-color: #e31837;
		color: #ffffff;
		font-size: 5em;
		text-align: center;
		line-height: 0px;
	}
	
	#scrollDown, #scrollUp{
		position: fixed;
		padding: 1% 0;
		color: #FFF;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 10;
		top: 327px;
		right: 0px;
		font-size: 4em;
		line-height: 0px;
		cursor: pointer;
		display: none;
		width: 4.5%;
		text-align: center;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0);
	}
	
	#scrollDown:hover, #scrollUp:hover{
		background-color: #dd0000;
	}
	
	#harveyPremImage{
		padding-top: 4em;	
	}
	
	#welcome{
		padding-bottom: 8em;	
	}
	
	#introMash{
		display:none;	
	}
	
	.highlightImage{
		background-size: cover;
		background-position:center center;	
	}
	
	.alignright{
		float: right;
		margin: .5em 0 .5em .5em;
		max-width: 30% !important;	
		text-align: right;
	}
	
	.accoladesImages div{
		background-position: center center;
		background-size: cover;
		margin-bottom: .8em;
		overflow:hidden;
		text-align: center;
		font-size: .7em;
	}
	
	#singleBck{
		background-image:url(/annualreport/2014/wp-content/uploads/2014/09/Umstadter_14149_1.jpg);
		display:block;
	}
	
	.highlightsImageContainer{
		overflow:hidden;
		position: relative;
	}
	
	.highlightsImageContainer .highlightImage{
		top: 0px;
		left: 0px;
	}
	
	iframe{
		max-width: 100%;	
	}
	
	.secondaryText{
		opacity: .7;
		font-size: .9em;
	}
	
	#loadingContainer
	{
		background-color: #FFF;
		text-align: center;
		font-size: 6em;
		position: fixed;
		left: 0px;
		top: 0x;
		width: 100%;
		z-index: 20;	
	}
	
	video {
		object-fit: cover;
	}
	
	.wp-caption-text{
		display: block;
		font-size: 0.6em;
		font-style: italic;
		position: absolute;
		bottom: 6px;
		left: 0px;
		color: #ffffff;
		width: 98%;
		padding-left: 1%;
		padding-right: 1%;
		background-color: rgba(0,0,0,0);
		-webkit-transition: background-color 1s; /* For Safari 3.1 to 6.0 */
    	transition: background-color 1s;
	}
	
	figure:hover .wp-caption-text{
		background-color: rgba(0,0,0,.7);
	}
		
	figure{
		display: inline;
		padding: 0px;
		margin: 0px;
		position: relative;	
	}
	
	#federal, #expenditures{
		min-height: 401px;
	}
	
	.imageBlock p{
		display: inline;	
	}
	
	/* ---------------------------------------- mobile breakpoints ------------------------------------- */
	
	@media (max-width: 1410px){
		.titleBar h1, .titleBar h2{
			letter-spacing: 0.1em;
			font-size: 0.7em;
		}
		
		.innerContent2 p:first-child {
			font-size: 1.5em;
			line-height: 1.2em;
		}

	}
	
	@media (max-width: 1510px){
		.size-medium{
			width: 49%;	
		}
	}
	
	@media (max-width: 1025px){
		
		.toFullAtBp1025{
			width: 100%;
			margin: 0px;	
		}
		
		.innerContent2{
			width: 90%;	
			padding: 0px 5%;
			font-size: 1em;
		}
		
		.readMore a{
			display: block;
		}
		
		.background, .firstBackground{
			position: absolute;
			top: 0px;
			display:block;
			opacity: .3;
		}
		
		.background video{
			display: none;
		}
			
		.headerVideo video{
			display: none;
		}
		
		#singleBck{
			display:none;
		}
		
		body{
			background-color: #8b826f;	
		}
	}
	
	@media (max-width: 560px){
		.gridOnetwelfth.first, .gridOneSixth.first, .gridOneFourth.first, 
		.gridOneThird.first, .gridFiveTwelfths.first, .gridOneHalf.first, 
		.gridSevenTwelfths.first, .gridTwoThirds.first, .gridThreeFourths.first, 
		.gridFiveSixths.first, .gridElevenTwelfths.first{
			margin: 0px;
		}		
		
		.gridOnetwelfth, .gridOneSixth, .gridOneFourth, 
		.gridOneThird, .gridFiveTwelfths, .gridOneHalf, 
		.gridSevenTwelfths, .gridTwoThirds, .gridThreeFourths, 
		.gridFiveSixths, .gridElevenTwelfths{
			width: 100%;
		}
		
		h2{
			font-size: 2em;	
		}
		
		.nLogo{
			width: 50px;
			top: -95px;	
		}
		
		.titleBar{
			padding: 0px 0px 20px;
		}
		
		.titleBar h1{
			padding: 0px 20px;	
		}
		
		#nLogoContainer{
			height: 10px;		
		}
		
		#bck3{
			display: none;
		}
		
		.innerContent{
			padding: 0px 5%;
		}
		
		.readMorePrem{
			display: block;	
		}
		
		.navMenu{
			position: fixed;
			top: 0px;	
		}
		
		.navMenu ul li{
			float: none;	
		}
		
		.toggleNavMenu{
		    position: fixed;
			z-index: 15;
			top: 0px;
			right: 0px;
			background-color: #FFF;
			padding: 1em;
		}
		
		.hideAtBp560
		{
			display: none;	
		}
		
		.singleContainer{
			background-color: #ffffff;	
		}
		
		.singleContainer .titleBar{
			background-color: transparent;	
		}
		
		.singleContainer .toggleNavMenu{
			display: block;	
		}
		
		.singleContainer h1{
			font-size:1.5em;
		}
		
		.colorBlock{
			display: none;	
		}
		
		#highlights, #accolades, #financials, #about {
			margin-top: 1em;
			padding-bottom: 13em;
			padding-top: 1em;
		}
		
		.innerContent3{
			width: 80%;
			padding: 0 10%;	
		}
		
		.size-medium{
			width: 100%;	
		}

	}
	/* ---------------------------------------- end mobile breakpoints ------------------------------------- */