/*
Theme Name: Annual Report 2017
Theme URI: https://research.unl.edu/annualreport/2017/
Author: Joel Brehm/Bolero is
Author URI: https://bolerois.com/
Description: Theme for the 2017 Annual Report
Version: 1.0
Text Domain: ar2017

*/

body{
	font-style: normal;
	font-size: 18px;
	color: #565656;
	line-height: 26px;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background-color: #ffffff;
}

input{
	font-weight: normal; 
	font-style: normal;
}

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

strong{
	font-weight: 700;	
}

a:hover{
	color: #d00000;	
}

h1, h2, h3, h4, h5{
	font-weight: 600; 
	font-style: normal;
	line-height: 1em;	
	margin-bottom: .6em;
}

h1{
	font-size: 3.5em;	
}

h2{
	font-size: 2.5em;
}

h3{
	font-size: 2em;
	font-weight: 300;
}

h4{
	font-size: 1.5em;
	font-weight: 300;
}

h5{
	font-size: 1.2em;
	font-weight: 300;	
}

input[type="button"], input[type="submit"], button, .woocommerce button.button.alt{
	background-color: #554721;
	padding: 8px;
	font-family: 'Roboto', sans-serif;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 1.2em;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover{
	background-color: #603913;
}

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

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

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

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

iframe{
	max-width: 100%;
}

input[type="text"], input[type="number"], input[type="email"], textarea, select, input[type="email"], input[type="url"]{
	width: 100%;
	width: calc(100% - 16px);
	padding: 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
}

.screenHeightOneSixth{
	height: 16vh;
}

.screenHeightOneFourth{
	height: 25vh;
}

.screenHeightOneThird{
	height: 33vh;
}

.screenHeightOneHalf{
	height: 50vh;
}

.screenHeightTwoThirds{
	height: 66vh;
}

.screenHeightThreeFourths{
	height: 75vh;
}

.screenHeightFiveSixths{
	height: 83vh;
}

.screenHeightElevenTwelfths{
	height: 91vh;
}

.screenHeightFull{
	height: 100vh;
}

.screenHeightDouble{
	height: 200vh;	
}

.textAlignLeft{
	text-align: left;
}

.textAlignCenter{
	text-align: center;	
}

.textAlignRight{
	text-align: right;	
}

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

   /* ---------------------------------------- grid system ----------------------------------------*/
		
	.gridOnetwelfth, .gridOneSixth, .gridOneFourth, 
	.gridOneThird, .gridFiveTwelfths, .gridOneHalf, 
	.gridSevenTwelfths, .gridTwoThirds, .gridThreeFourths, 
	.gridFiveSixths, .gridElevenTwelfths
	{
		display: block;
		float: left;
		width: 100%;
		margin-left: 2.127659574468085%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.doubleMargin{
		margin-left: 4.25531914893617%;		
	}
		
	.gridOnetwelfth, .gridOnetwelfth.ignoreBreakpoint{
		width: 6.382978723404255%;
	}
	    
	.gridOnetwelfth.doubleMargin, .gridOnetwelfth.doubleMargin.ignoreBreakpoint{
		width: 4.432%;
	}
	    
    .gridOneSixth, .gridOneSixth.ignoreBreakpoint{
		width: 14.893617021276595%;
	}
	    
    .gridOneSixth.doubleMargin, .gridOneSixth.doubleMargin.ignoreBreakpoint{
		width: 13.12%;
	}
	    
    .gridOneFourth, .gridOneFourth.ignoreBreakpoint{
		width: 23.404255319148934%;
	}
	    
	.gridOneFourth.doubleMargin, .gridOneFourth.doubleMargin.ignoreBreakpoint{
		width: 21.80%;
	}
	    
    .gridOneThird, .gridOneThird.ignoreBreakpoint{
		width: 31.914893617021278%;
	}
    
	.gridOneThird.doubleMargin, .gridOneThird.doubleMargin.ignoreBreakpoint{
		width: 30.49%;
	}	
	
    .gridFiveTwelfths, .gridFiveTwelfths.ignoreBreakpoint{
		width: 40.42553191489362%;
	}

	.gridFiveTwelfths.doubleMargin, .gridFiveTwelfths.doubleMargin.ignoreBreakpoint{
		width: 39.18%;
	}
	
    .gridOneHalf, .gridOneHalf.ignoreBreakpoint{
		width: 48.93617021276595%;
	}

	.gridOneHalf.doubleMargin, .gridOneHalf.doubleMargin.ignoreBreakpoint{
		width: 47.87%;
	}

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

	.gridSevenTwelfths.doubleMargin, .gridSevenTwelfths.doubleMargin.ignoreBreakpoint{
		width: 56.56%;
	}

	.gridTwoThirds, .gridTwoThirds.ignoreBreakpoint{
		width: 65.95744680851064%;
	}
	
	.gridTwoThirds.doubleMargin, .gridTwoThirds.doubleMargin.ignoreBreakpoint{
		width: 65.24%;
	}
	
	.gridThreeFourths, .gridThreeFourths.ignoreBreakpoint{
		width: 74.46808510638297%;
	}
	
	.gridThreeFourths.doubleMargin, .gridThreeFourths.doubleMargin.ignoreBreakpoint{
		width: 73.93%;
	}
	
	.gridFiveSixths, .gridFiveSixths.ignoreBreakpoint{
		width: 82.97872340425532%;
	}
	
	.gridFiveSixths.doubleMargin, .gridFiveSixths.doubleMargin.ignoreBreakpoint{
		width: 82.62%;
	}
	
	.gridElevenTwelfths, .gridElevenTwelfths.ignoreBreakpoint{
		width: 91.48936170212765%;
	}
	  
	.gridElevenTwelfths.doubleMargin, .gridElevenTwelfths.doubleMargin.ignoreBreakpoint{
		width: 91.31%;
	}
	  
   	.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;
    	clear: both !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;
	}

	div[class^="grid"] p:first-child, div[class^="grid"] h2:first-child, div[class^="grid"] h2:first-child, div[class^="grid"] h3:first-child, div[class^="grid"] h4:first-child{
		margin-top: 0px;
		padding-top: 0px;
	}    		
	
   /* ---------------------------------------- end grid system ----------------------------------------*/

		
	/* ---------------------- the second grid ---------------------- */
	
	.grid2Full {
		width: 100%;
		width: calc(100% - 4px);
		border-left: 2px solid #ffffff;
	}
	
	.grid2ElevenTwelfths {
		width: 91.66%;
		width: calc(91.66% - 2px);
	}
	
	.grid2ElevenTwelfths.first{
		width: calc(91.66% - 4px);
	}
	
	.grid2FiveSixths {
		width: 83.33%;
		width: calc(83.33% - 2px);
	}
	
	.grid2FiveSixths.first{
		width: calc(83.33% - 4px);
	}
	
	.grid2ThreeFourths {
		width: 75%;
		width: calc(75% - 2px);
	}
	
	.grid2ThreeFourths.first{
		width: calc(75% - 4px);
	}
	
	.grid2TwoThirds {
		width: 66.66%;
		width: calc(66.66% - 2px);
	}
	
	.grid2TwoThirds.first{
		width: calc(66.66% - 4px);
	}
	
	.grid2SevenTwelfths {
		width: 58.33%;
		width: calc(58.33% - 2px);
	}
	
	.grid2SevenTwelfths.first{
		width: calc(58.33% - 4px);
	}
	
	.grid2OneHalf {
		width: 50%;
		width: calc(50% - 2px);
	}
	
	.grid2OneHalf.first{
		width: calc(50% - 4px);
	}
	
	.grid2FiveTwelfths {
		width: 41.66%;
		width: calc(41.66% - 2px);
	}
	
	.grid2FiveTwelfths.first{
		width: calc(41.66% - 4px);
	}
	
	.grid2OneThird {
		width: 33.33%;
		width: calc(33.33% - 2px);
	}
	
	.grid2OneThird.first{
		width: calc(33.33% - 4px);
	}
	
	.grid2OneFourth {
		width: 25%;
		width: calc(25% - 2px);
	}
	
	.grid2OneFourth.first{
		width: calc(25% - 4px);
	}
	
	.grid2OneSixth {
		width: 16.66%;
		width: calc(16.66% - 2px);
	}
	
	.grid2OneSixth.first{
		width: calc(16.66% - 4px);
	}
	
	.grid2OneTwelfth {
		width: 8.33%;
		width: calc(8.33% - 2px);
	}	
	
	.grid2OneTwelfth.first{
		width: calc(8.33% - 4px);
	}
	
	div[class^="grid2"], div[class*="grid2"]{
		float: left;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;	
	}
		
	div[class^="grid2"].first, div[class*="grid2"].first{
		clear: both;
		border-left: 2px solid #ffffff;	
	}
	
	/* end second grid */

	iframe{
		width: 100%;	
	}
   
   .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;	
	}
	
	.alignright{
		float: right;
		padding: 10px 0 10px 10px;	
	}
	
	.alignleft{
		float: left;
		padding: 10px 10px 10px 0;	
	}
	
	.showAtBp560, .showAtBp940{
		display: none;	
	}

	@media (max-width: 940px){
		h1{
			font-size: 3em;	
		}
		
		h2{
			font-size: 2.5em;
		}
		
		h3{
			font-size: 2em;	
		}
		
		h4{
			font-size: 1.5em;	
		}
		
		.showAtBp940{
			display: block;	
		}
	}
	
		
	@media (max-width: 560px){		
		.showAtBp560{
			display: block;	
		}
		
		.hideAtBp560{
			display: none;	
		}
		
		div[class^="grid"], div[class*="grid"], div[class^="grid"].noMargin, div[class*="grid"].noMargin{
			float: none;
			border-right: none;
			border-left: none;
			width: 100%;
			margin-left: 0px;
		}
			
		div[class^="grid"].first, div[class*="grid"].first{
			clear: both;
			border-right: none;
			border-left: none;
			width: 100%;
		}

		div[class^="grid2"], div[class*="grid2"]{
			border-bottom: 4px solid #ffffff;
		}
						
		div[class^="grid"].verticalAlign .td, div[class*="grid"].verticalAlign .td{
			display: table-cell;
			height: auto;
		}
		
		div[class^="grid"].verticalAlign, div[class*="grid"].verticalAlign{
			display: table;
		}

	}
   
   /* ----------------------------------------- end bootstrap ------------------------------------------ */
	
	#pageHeader {
		text-align: center;
		padding: 30px 0;
		text-transform: uppercase;
		color: #9D9D9D;
		font-weight: 300;
		letter-spacing: .2em;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 3;
	}

	.single #pageHeader {
		background-color: #ffffff;
	}

	#pageHeader .largeTitle {
		color: #dd0000;
		font-weight: 600;
	}

	.coverContainer {
		margin: 0px auto;
		width: 103vh;
		width: calc(100vh + 90px);
		height: 100vh;
		text-align: center;
	}

	.pictureBlock {
		width: 10vh;
		height: 10vh;
		border: 1px solid #bbbbbb;
		display: inline-block;
		margin: 1vh;
		font-size: 1.1vh;
		line-height: 1.1em;
		color: #898989;
		text-align: left;
		position: relative;
		animation: pictureBlockInitial .5s;
	  	animation-fill-mode: both;
	}

	.pictureBlock .number {
		display: block;
		font-size: 4vh;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 800;
		letter-spacing: -.05em;
		opacity: .15;
		line-height: 1em;
	}

	.pictureBlock a {
		position: absolute;
		bottom: 0px;
		padding: 10px;
		max-width: 10vh;
		color: #A5A5A5;
	}

	.pictureBlock:hover {
		border-color: #dd0000;
	}

	.pictureBlock.pictureLink a {
		width: 10vh;
		height: 10vh;
		padding: 0px;
		background-size: cover;
		background-position: 50% 50%;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		
		transition: filter .5s;
	}

	.pictureBlock.pictureLink:hover a, .pictureBlock.pictureLink:focus a {
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
	}

	@keyframes pictureBlockInitial { 
	  0% {
		opacity: 0;
	  }
	  100% {
		transform: scale(1);
	  }
	}

	@keyframes pictureBlockFadeInOut { 
	  0% {
		opacity: 1;
	  }
	  40% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	  60% {
		opacity: 1;
	  }
	  100% {
		opacity: 1;
	  }
	}

	@keyframes pictureBlockSlowFadeInOut { 
	  0% {
		opacity: 1;
	  }
	  50% {
		opacity: .1;
	  }
	  100% {
		opacity: 1;
	  }
	}

	.pictureBlock.fade1 { 
		animation: pictureBlockFadeInOut 10s;
		animation-delay: 0s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade2 { 
		animation: pictureBlockFadeInOut 10s;
		animation-delay: 3s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade3 { 
		animation: pictureBlockFadeInOut 10s;
		animation-delay: 6s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade4 { 
		animation: pictureBlockFadeInOut 10s;
		animation-delay: 3s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade5 { 
		animation: pictureBlockFadeInOut 5s;
		animation-delay: 7s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade6 { 
		animation: pictureBlockSlowFadeInOut 20s;
		animation-delay: 7s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade7 { 
		animation: pictureBlockSlowFadeInOut 10s;
		animation-delay: 3s;
		animation-iteration-count: infinite;
	}

	.pictureBlock.fade8 { 
		animation: pictureBlockSlowFadeInOut 150s;
		animation-delay: 1s;
		animation-iteration-count: infinite;
	}

	.pictureBlock:nth-child(1) { animation-delay: .05s }
	.pictureBlock:nth-child(2) { animation-delay: .1s }
	.pictureBlock:nth-child(3) { animation-delay: .15s }
	.pictureBlock:nth-child(4) { animation-delay: .2s }
	.pictureBlock:nth-child(5) { animation-delay: .25s }
	.pictureBlock:nth-child(6) { animation-delay: .3s }
	.pictureBlock:nth-child(7) { animation-delay: .35s }
	.pictureBlock:nth-child(8) { animation-delay: .4s }
	.pictureBlock:nth-child(9) { animation-delay: .45s }
	.pictureBlock:nth-child(10) { animation-delay: .5s }
	.pictureBlock:nth-child(11) { animation-delay: .55s }
	.pictureBlock:nth-child(12) { animation-delay: .6s }
	.pictureBlock:nth-child(13) { animation-delay: .65s }
	.pictureBlock:nth-child(14) { animation-delay: .7s }
	.pictureBlock:nth-child(15) { animation-delay: .75s }
	.pictureBlock:nth-child(16) { animation-delay: .8s }
	.pictureBlock:nth-child(17) { animation-delay: .85s }
	.pictureBlock:nth-child(18) { animation-delay: .9s }
	.pictureBlock:nth-child(19) { animation-delay: .95s }
	.pictureBlock:nth-child(20) { animation-delay: 1s }
	.pictureBlock:nth-child(21) { animation-delay: 1.05s }
	.pictureBlock:nth-child(22) { animation-delay: 1.1s }
	.pictureBlock:nth-child(23) { animation-delay: 1.15s }
	.pictureBlock:nth-child(24) { animation-delay: 1.2s }
	.pictureBlock:nth-child(25) { animation-delay: 1.25s }
	.pictureBlock:nth-child(26) { animation-delay: 1.3s }
	.pictureBlock:nth-child(27) { animation-delay: 1.35s }
	.pictureBlock:nth-child(28) { animation-delay: 1.4s }
	.pictureBlock:nth-child(29) { animation-delay: 1.45s }
	.pictureBlock:nth-child(30) { animation-delay: 1.5s }
	.pictureBlock:nth-child(31) { animation-delay: 1.55s }
	.pictureBlock:nth-child(32) { animation-delay: 1.6s }
	.pictureBlock:nth-child(33) { animation-delay: 1.65s }
	.pictureBlock:nth-child(34) { animation-delay: 1.7s }
	.pictureBlock:nth-child(35) { animation-delay: 1.75s }
	.pictureBlock:nth-child(36) { animation-delay: 1.8s }

	.kunc {
		background-image: url(/AnnualReport/2017/image/Kunc.jpg);
	}

	.graef {
		background-image: url(/AnnualReport/2017/image/161102_Graef_006.jpg);
	}

	.hongfeng {
		background-image: url(/AnnualReport/2017/image/170308_Hongfeng_Yu_051.jpg);
	}

	.rice1 {
		background-image: url(/AnnualReport/2017/image/170523_Rice_018_1.jpg);
	}

	.rice2 {
		background-image: url(/AnnualReport/2017/image/170523_Rice_062_1.jpg);
	}

	.moxley {
		background-image: url(/AnnualReport/2017/image/170531_Moxley_025.jpg);
	}

	.lodl {
		background-image: url(/AnnualReport/2017/image/170609_Lodl_012_SMInset.jpg);
	}

	.vds {
		background-image: url(/AnnualReport/2017/image/170613_VDS_010.jpg);
	}

	.dirusso {
		background-image: url(/AnnualReport/2017/image/170621_DiRusso_Takacs_054.jpg);
	}

	.nelson {
		background-image: url(/AnnualReport/2017/image/170726_Nelson_030.jpg);
	}

	.benson {
		background-image: url(/AnnualReport/2017/image/AndyBensonOR17_015.jpg);
	}

	.terry {
		background-image: url(/AnnualReport/2017/image/BenTerryOR17_025.jpg);
	}

	.wood {
		background-image: url(/AnnualReport/2017/image/DrWoodsOR17_020.jpg);
	}

	.dehguan {
		background-image: url(/AnnualReport/2017/image/HosseinDehguaniOR17_007.jpg);
	}

	.starita {
		background-image: url(/AnnualReport/2017/image/JoeStaritaOR17_035.jpg);
	}

	.males {
		background-image: url(/AnnualReport/2017/image/LorraineMales_Crop.jpg);
	}

	.jockers {
		background-image: url(/AnnualReport/2017/image/MattJockersOR17_022.jpg);
	}

	.elliott {
		background-image: url(/AnnualReport/2017/image/MeganElliottOR17_018.jpg);
	}

	.rilett {
		background-image: url(/AnnualReport/2017/image/Rilett_140611_1.jpg);
	}

	.vuran {
		background-image: url(/AnnualReport/2017/image/Vuran-FallerOR17_082_1.jpg);
	}

	.tait {
		background-image: url(/AnnualReport/2017/image/160914_Raimer_Tait_026.jpg);
	}


	#homeN {
		max-width: 100%;
		width: 10vh;
		margin: 0vh 7.5vh;
		position: relative;
		top: 6vh;
	}

	nav {
		position: fixed;
		top: 25vh;
		left: 0px;
		background-color: rgba(255,255,255,0);
		z-index: 2;
		line-height: 3em;
		font-size: .7em;
		
		-webkit-transition: background-color 0.7s; /* Safari */
    	transition: background-color 0.7s;
	}

	nav button {
		background-color: transparent;
		padding: 4px 13px;
		font-family: 'Roboto', sans-serif;
		border: none;
		color: #676767;
		cursor: pointer;
		display: inline;
		border-left: 5px solid transparent;
	}

	nav button:hover, nav button:focus, nav button.on {
		background-color: transparent;
		border-left: 5px solid #dd0000;
	}

	nav .navCategory {
		opacity: 0;
		color: #000000;
		padding-right: 10px;
		position: absolute;
		left: -500px;
		
		-webkit-transition: opacity 1.3s, left 0.7s; /* Safari */
    	transition: opacity 2s, left 0.7s;
	}

	nav:hover .navCategory, nav:focus .navCategory { 
		opacity: 1;
		left: 0px;
		position: relative;
	}

	nav:hover, nav:focus {
		background-color: rgba(255,255,255,.8);
	}

	.largeIndexNumber {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 30em;
		font-weight: 700;
		line-height: .7em;
		letter-spacing: -0.1em;
		color: rgba(255,255,255,.3);
		position: relative;
		left: -.07em;
	}

	@supports 
	  ((-webkit-text-stroke-color: rgba(0,0,0,.3))
	  and
	  (-webkit-text-fill-color: transparent))
	  or
	  ((-moz-text-stroke-color: rgba(0,0,0,.3))
	  and
	  (-moz-text-fill-color: transparent)) {
	  #transportation .largeIndexNumber {
		   -moz-text-stroke-color: #0e9bbb;
		-webkit-text-stroke-color: #0e9bbb;
	  }
		  		  
	  #plant-sciences .largeIndexNumber {
		   -moz-text-stroke-color: #f77b32;
		-webkit-text-stroke-color: #f77b32;
	  }
		  		  
	  #early-childhood .largeIndexNumber {
		   -moz-text-stroke-color: #fdb63d;
		-webkit-text-stroke-color: #fdb63d;
	  }
		  		  
	  #food-and-health .largeIndexNumber {
		   -moz-text-stroke-color: #00af91;
		-webkit-text-stroke-color: #00af91;
	  }f77d38
		  		  
	  #economic-development .largeIndexNumber {
		   -moz-text-stroke-color: #cfd0d2;
		-webkit-text-stroke-color: #cfd0d2;
	  }
		  		  
	  #arts-and-culture .largeIndexNumber {
		   -moz-text-stroke-color: #f77d38;
		-webkit-text-stroke-color: #f77d38;
	  }
		  		  
	  #biomedical .largeIndexNumber {
		   -moz-text-stroke-color: #0e9bbb;
		-webkit-text-stroke-color: #0e9bbb;
	  }
	 
	  #veterinary-and-animal-science .largeIndexNumber {
		   -moz-text-stroke-color: #fdb719;
		-webkit-text-stroke-color: #fdb719;
	  }
		  		  
	  #career-development .largeIndexNumber {
		   -moz-text-stroke-color: #f57f29;
		-webkit-text-stroke-color: #f57f29;
	  }
		  
	  #nebraska-research-at-a-glance .largeIndexNumber {
		   -moz-text-stroke-color: #dd0000;
		-webkit-text-stroke-color: #dd0000;
	  }

	  #about-the-report .largeIndexNumber {
		   -moz-text-stroke-color: #8A8A8A;
		-webkit-text-stroke-color: #8A8A8A;	  
	  }
		  		  
	  .largeIndexNumber {
		   -moz-text-fill-color: transparent;
		-webkit-text-fill-color: transparent;
		   -moz-text-stroke-color: rgba(255,255,255,1);
		-webkit-text-stroke-color: rgba(255,255,255,1);
		   -moz-text-stroke-width: 1px;  
		-webkit-text-stroke-width: 1px;
	  }
		  
		@media (max-width: 560px) {
			.largeIndexNumber {
				-moz-text-stroke-width: 1px;  
				-webkit-text-stroke-width: 1px;
			}
		}
	}
	
	.homePageSection {
		padding: 15vh 120px;
		height: 70vh;
		border-top: 20px solid #cccccc;
		position: relative;
		background-color: #444444;
	}

	.homePageSection .sectionBackground {
		height: 100vh;
		width: 100%;
		background-size: cover;
		filter: grayscale(100%);
		position: absolute;
		top: 0px;
		left: 0px;
		opacity: 0.2;
		
		transition: filter 2s, opacity 2s;		
	}

	.homePageSection .sectionBackground:hover {
		filter: grayscale(0%);
		opacity: 1;
	}

	.sectionIndexContainer h2 {
		text-transform: uppercase;
		font-size: 2em;
		color: #ffffff;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		position: relative;
	}

	.sectionPictureBoxes { 
		float: left;
		width: 48%;
		margin-left: 2%;
		text-align: right;
	}

	.sectionIndexContainer {
		float: left;
		width: 48%;
	}

	.sectionPictureBoxes .pictureBlock, .sectionPictureBoxes .pictureBlock.pictureLink a {
		width: 6vh;
		height: 6vh;
	}

	.container {
		padding-left: 60px;
		padding-right: 60px;
	}

	#whiteFooterLogo svg, #whiteFooterLogo svg path{
		fill: #909090;
		width: 70%;
	}
	
	.copyright {
		font-size: .8em;
		color: #ABABAB;
		text-align: center;
		padding: 50px 0;
	}

	.footer {
		width: 80%;
		margin: 150px auto;
		font-size: .7em;
	}
	
	.search .footer, .archive .footer {
		width: 100%;
		margin-left: 0px;
	}

	.overlayStory {
		max-width: 1200px;
		margin: 0px auto;
	}

	.articleTitle {
		text-align: center;
		margin-top: 45px;
		margin-bottom: 50px;
		font-weight: 100;
	}

	.theCategory {
		background-color: #dd0000;
		color: #ffffff;
		margin: 0px auto;
		padding: 5px 10px;
		font-size: .8em;
		width: 160px;
		text-align: center;
		margin-top: 100px;
		display: block;
	}

	.alignleft {
		float: left;
		padding: 10px 0;
		width: 50%;
		font-size: .7em;
		margin: 100px 0;
		color: #636363;
	}

	.alignleft, .single-post .size-full, .single-post .size-large, iframe, .wp-post-image {
			filter: grayscale(100%) contrast(1.4);
		-webkit-filter: grayscale(100%) contrast(1.4);
		opacity: .8;
		
		transition: filter .5s, opacity .5s;
	}

	.alignleft:hover, .alignleft:focus, 
	.single-post .size-full:hover, .single-post .size-full:focus, 
	.single-post .size-large:hover, .single-post .size-large:focus, 
	iframe:hover, iframe:focus,
	.wp-post-image:focus, .wp-post-image:hover {
			filter: grayscale(0%) contrast(1);
		-webkit-filter: grayscale(0%) contrast(1);
		opacity: 1;
	}


	iframe {
		margin: 100px 0;
	}

	.pictureBlock:hover, .pictureBlock:hover .number, .pictureBlock:hover a  {
		border-color: #dd0000;
		color: #dd0000;
		opacity: 1;
	}


	.sectionLinkBlock {
		margin-top: 105px;
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: 300;
	}

	.sectionLinkBlock ul {
		padding-left: 10px;
		color: #000000;
		list-style: square;
	}

	.sectionLinkBlock a {
		color: #d7d7d7;
		position: relative;
		left: 0px;
		
		transition: left .5s;
	}

	.sectionLinkBlock a:hover {
		left: 10px;
	}

	.smallTitle {
		border-left: 1px solid #cccccc;
		margin-left: 8px;
	}

	#goddardIntro {
		font-size: .9em;
		margin-bottom: 100px;
	}

	#goddardIntro #attachment_106 {
		width: 25% !important;
		margin-left: 5%;
		margin-top: 0px;
	}

	blockquote {
		font-size: 3em;
		line-height: 1em;
		font-weight: 800;
		margin: 100px 5%;
	}
 
.shareBlock i {
	font-size: 2em;
	padding: 10px;
}

.additoinalLink {
	padding: 14px;
}

.moreContent {
    font-weight: 100;
    font-size: 4em;
    color: #bcbcbc;
}

.smallMoreContent {
    font-weight: 600;
    display: block;
    font-size: .2em;
    color: #7A7A6B;
    line-height: 1.5em;
}

.single-post .size-full, .single-post .size-large, .single-post .wp-caption.alignnone, .wp-post-image {
	width: 100% !important;
	margin: 100px 0;
}

.wp-caption .size-full, .wp-caption .size-lage, .single-post .wp-caption.alignnone img {
	margin: 0px 0px 10px 0px;
}

.wp-caption {
	font-size: .7em;
	color: #636363;
	margin-bottom: 100px;
}

body {
	padding-top: 100px;
}

.nextSection {
	display: block;
    position: absolute;
    bottom: 0px;
    margin-bottom: 50px;
    font-size: 23px;
    left: calc(50vw - 25px);
    cursor: pointer;
    z-index: 2;
    border: 1px solid #a5a5a5;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    color: #a5a5a5;
    text-align: center;
    line-height: 0px;
}

.nextSection i {
	margin-top: 14px;
}

.nextSection.home {
	position: relative;
}

.storyContainer {
    padding-bottom: 140px;
}

.tags a {
    color: #888888;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #888888;
    display: inline-block;
    margin: 5px;
}

.tags a:hover {
    color: #dd0000;
    border-color: #dd0000;
}

blockquote {
	position: relative;
}

blockquote:before {
	content: '"';
	color: #dd0000;
	font-size: 4em;
	line-height: 0px;
	position: absolute;
	left: -41px;
	top: 62px;
}

.tags {
	margin: 100px 0;
}

.single .pictureBlock {
	width: 45px;
	height: 45px;
	margin: 4px;
}

.endBox {
    height: 15px;
    width: 15px;
    display: block;
}

.additoinalLink i {
    font-size: 4em;
    padding: 0px 20px;
    vertical-align: middle;
}

.largeText1 {
    font-size: 8.5em;
    font-weight: 800;
    letter-spacing: -.09em;
    color: #dd0000;
	line-height: .8em;
}

.largeText2 {
    font-size: 5em;
    letter-spacing: -.1em;
    line-height: 1em;
    display: inline;
    color: #757575;
    font-weight: 800;
}

.statsBlock {
    display: block;
    padding: 20px;
    color: #dd0000;
    font-weight: 900;
    text-transform: uppercase;
	line-height: 1em;
	font-size: .7em;
}

.statsBlock .percent {
    margin-left: .055em;
    color: #dbdbdb;
    font-weight: 100;
}

.statsBlock .percent {
    margin-left: .15em;
    color: #dbdbdb;
    font-weight: 100;
    font-size: 0.75em;
    line-height: 0px;
}

.statsBlock2 {
	padding: 50px 0;
	text-align: center;
}

.statsBlock2 .fa {
	color: #cccccc;
	display: block;
	margin-bottom: 22px;
}

#accolades, #nebraska-research-at-a-glance, #research-highlights, #about-the-report {
	height: auto;
	color: #bbbbbb;
}

#nebraska-research-at-a-glance {
	background-color: #ffffff;
	color: #444444;
}

#research-highlights {
    background-color: #cccccc;
    color: #444444;
}

#about-the-report {
    background-color: #ffffff;
    color: #8A8A8A;
}

#nebraska-research-at-a-glance .sectionIndexContainer h2, #about-the-report .sectionIndexContainer h2 {
    color: #444444;
}

#accolades strong, #accolades b{
	font-weight: 800;
	color: #ffffff;
}

#accolades .largeIndexNumber, #nebraska-research-at-a-glance .largeIndexNumber, #research-highlights .largeIndexNumber, #about-the-report .largeIndexNumber {
	letter-spacing: -0.2em;
}

#accolades .sectionIndexContainer h2 {
    left: 20px;
}

#research-highlights .sectionIndexContainer {
	margin-bottom: 20px;
}

.statsBlockContainer {	
    grid-template-columns: 25% 25% 25% 25%;
    display: grid;
    align-items: baseline;
	grid-gap: 10px;
}

.statsBlockContainer.otherStats {
    grid-template-columns: 33% 33% 33%;
}

.highlights {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 65px;
	display: grid;
	font-size: .8em;
}

.highlightImage {
	width: 100%;
	height: 30vh;
	background-position: center center;
	background-size: cover;
	border: 1px solid #ffffff;
}

.boehm-plowman-lead-ianr-chief-academic-roles {
    grid-column: span 2;
}

.boehm-plowman-lead-ianr-chief-academic-roles .highlightImage {
	background-position: center 28%;
}

.highlights .moreContent {
	font-size: 1.5em;
	color: #585858;
}

.highlights .additoinalLink {
	padding: 0px;
}

.highlights .additoinalLink i {
	font-size: 1em;
	padding: 0px 5px 0px 0px;
}

.wp-image-474 {
     width: 20% !important;
}

/* ------------------------------------- section colors ---------------------------------------------------- */

	#transportation, #transportation-menu.on {
		border-color: #0e9bbb;
	}

	.transportation blockquote:before {
		color: #0e9bbb;
	}

	.transportation-border-color {
		border-color: #0e9bbb;
	}

	.transportation-text-color {
		color: #0e9bbb;
	}

	.transportation-background-color {
		background-color: #0e9bbb;
	}

	.transportation-pb:hover, .transportation-pb:hover .number, .transportation-pb:hover a  {
		border-color: #0e9bbb;
		color: #0e9bbb;
		opacity: 1;
	}

	#plant-sciences, #plant-sciences-menu.on {
		border-color: #f77b32;
	}

	.plant-sciences blockquote:before {
		color: #f77b32;
	}

	.plant-sciences-pb:hover, .plant-sciences-pb:hover .number, .plant-sciences-pb:hover a  {
		border-color: #f77b32;
		color: #f77b32;
		opacity: 1;
	}

	.plant-sciences.theCategory {
		background-color: #f77b32;
	}

	.plant-sciences-border-color {
		border-color: #f77b32;
	}

	.plant-sciences-text-color {
		color: #f77b32;
	}

	.plant-sciences-background-color {
		background-color: #f77b32;
	}

	#early-childhood, #early-childhood-menu.on {
		border-color: #fdb63d;
	}

	.early-childhood blockquote:before {
		color: #fdb63d;
	}

	.early-childhood.theCategory {
		background-color: #fdb63d;
	}

	.early-childhood-pb:hover, .early-childhood-pb:hover .number, .early-childhood-pb:hover a  {
		border-color: #fdb63d;
		color: #fdb63d;
		opacity: 1;
	}

	.early-childhood-border-color {
		border-color: #fdb63d;
	}

	.early-childhood-text-color {
		color: #fdb63d;
	}

	.early-childhood-background-color {
		background-color: #fdb63d;
	}


	#food-and-health, #food-and-health-menu.on {
		border-color: #00af91;
	}

	.food-and-health-pb:hover, .food-and-health-pb:hover .number, .food-and-health-pb:hover a  {
		border-color: #00af91;
		color: #00af91;
		opacity: 1;
	}

	.food-and-health blockquote:before {
		color: #00af91;
	}

	.food-and-health-border-color {
		border-color: #00af91;
	}

	.food-and-health-text-color {
		color: #00af91;
	}

	.food-and-health-background-color {
		background-color: #00af91;
	}

	#economic-development, #economic-development-menu.on {
		border-color: #cfd0d2;
	}

	.economic-development-pb:hover, .economic-development-pb:hover .number, .economic-development-pb:hover a  {
		border-color: #cfd0d2;
		color: #cfd0d2;
		opacity: 1;
	}

	.economic-development blockquote:before {
		color: #cfd0d2;
	}

	.economic-development-border-color {
		border-color: #cfd0d2;
	}

	.economic-development-text-color {
		color: #cfd0d2;
	}

	.economic-development-background-color {
		background-color: #cfd0d2;
	}

	#arts-and-culture, #arts-and-culture-menu.on {
		border-color: #f77d38;
	}

	.arts-and-culture-pb:hover, .arts-and-culture-pb:hover .number, .arts-and-culture-pb:hover a  {
		border-color: #f77d38;
		color: #f77d38;
		opacity: 1;
	}

	.arts-and-culture blockquote:before {
		color: #f77d38;
	}

	.arts-and-culture-border-color {
		border-color: #f77d38;
	}

	.arts-and-culture-text-color {
		color: #f77d38;
	}

	.arts-and-culture-background-color {
		background-color: #f77d38;
	}

	#biomedical, #biomedical-menu.on {
		border-color: #0e9bbb;
	}

	.biomedical-pb:hover, .biomedical-pb:hover .number, .biomedical-pb:hover a  {
		border-color: #0e9bbb;
		color: #0e9bbb;
		opacity: 1;
	}

	.biomedical blockquote:before {
		color: #0e9bbb;
	}

	.biomedical-border-color {
		border-color: #0e9bbb;
	}

	.biomedical-text-color {
		color: #0e9bbb;
	}

	.biomedical-background-color {
		background-color: #0e9bbb;
	}

	#veterinary-and-animal-science, #veterinary-and-animal-science-menu.on {
		border-color: #fdb719;
	}

	.veterinary-and-animal-science-pb:hover, .veterinary-and-animal-science-pb:hover .number, .veterinary-and-animal-science-pb:hover a  {
		border-color: #fdb719;
		color: #fdb719;
		opacity: 1;
	}

	.veterinary-and-animal-science blockquote:before {
		color: #fdb719;
	}

	.veterinary-and-animal-science-border-color {
		border-color: #fdb719;
	}

	.veterinary-and-animal-science-text-color {
		color: #fdb719;
	}

	.veterinary-and-animal-science-background-color {
		background-color: #fdb719;
	}


	#career-development, #career-development-menu.on {
		border-color: #f57f29;
	}

	.career-development-pb:hover, .career-development-pb:hover .number, .career-development-pb:hover a  {
		border-color: #f57f29;
		color: #f57f29;
		opacity: 1;
	}

	.career-development blockquote:before {
		color: #f57f29;
	}

	.career-development-border-color {
		border-color: #f57f29;
	}

	.career-development-text-color {

		color: #f57f29;
	}

	.career-development-background-color {
		background-color: #f57f29;
	}



	.blueBck {
		background-color: #0e9bbb;
	}

	.greenBck {
		background-color: #00af91;
	}

	.yellowBck {
		background-color: #fdb63d;

	}

	.darkGrayBck {
		background-color: rgba(0,0,0,.5);

	}

	.lightGrayBck {
		background-color: rgba(0,0,0,.2);

	}


	/* ---------------------------------------- responsive breakpoints ------------------------------------- */

	@media (max-width: 1600px) {	
		.largeText1 {
			font-size: 5.5em;
		}
		
		.highlights {
			grid-template-columns: repeat(4, 1fr);
		}
	}

	@media (max-width: 1460px) {
		.highlights {
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 45px;
		}
	}

	@media (max-width: 1200px) {	
		.sectionLinkBlock {
			font-size: 1em;
		}
		
		.largeIndexNumber {
			font-size: 20em;
		}
		
		.sectionLinkBlock {
			margin-top: 60px;
		}
		
		.sectionPictureBoxes br {
			display: none;
		}
		
		.coverContainer {
			height: auto;
			padding-bottom: 175px;
			position: relative;
		}
		
		#homeN {
			display: none;
		}
		
		.largeText1 {
			font-size: 4.5em;
		}
		
		.statsBlockContainer {
			grid-template-columns: 33% 33% 33%;
		}
		
		.statsBlock {
			font-size: .8em;
		}
		
	}

	@media (max-width: 1000px) {	
		.largeText1 {
			font-size: 4.5em;
		}
				
		.statsBlockContainer {
			grid-template-columns: 50% 50%;
		}
		
		.highlights {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	
	@media (max-width: 780px) {	
		.sectionPictureBoxes {
			display: none;
		}
		
		.largeIndexNumber {
			font-size: 5em;
		}
		
		.sectionIndexContainer {
			width: 100%;
			float: none;
		}
		
		blockquote {
    		font-size: 1.5em;
		}
		
		.alignleft {
			width: 100%;
		}
		
		.byAgency {
			font-size: .5em;
		}
		
		.statsBlockContainer.otherStats {
			grid-template-columns: 100%;
		}
		
		.statsBlock2 {
			padding: 10px 0;
		}
		
		.highlights {
			display: block;
		}
		
		#accolades .sectionIndexContainer h2 {
			left: 0px;
		}

	}

	@media (max-width: 560px) {	
		.coverContainer {
			width: 100%;
			height: auto;
		}
		
		.pictureBlock {
			display: none;
		}
		
		.pictureBlock.pictureLink {
			display: inline-block;
		}
		
		.pictureBlock.pictureLink a {
			margin: 0px;
			width: 10vh;
			height: 10vh;
			font-size: 1.7vh;
		}
		
		.pictureBlock .number {
			font-size: 6vh;
		}
		
				
		.largeIndexNumber {
			font-size: 5em;
			letter-spacing: -0.05em;
		}
		
		#pageHeader {
			padding: 5px 0;
			position: relative;
			font-size: .7em;
		}
		
		body {
			padding-top: 0px;
		}
		
		.homePageSection {
			padding: 60px;
			height: auto;
			min-height: 70vh;
		}
		
		nav, nav:hover, .nav:focus {
			top: 0px;
			height: 100vh;
			z-index: 3;
		}
		
		nav button {
			padding: 2px 4px;
			font-size: .9em;
		}
		
		.smallTitle {
			display: block;
			border-left: none;
			margin-left: 0px;
		}
		
		.container {
			padding-left: 40px;
			padding-right: 40px;
		}
		
		.articleTitle {
			font-size: 2em;
		}
		
		.single-post .size-full, .single-post .size-large, .alignleft {
			margin: 25px 0;
		}
		
		.wp-caption {
			margin-bottom: 25px;	
		}
		
		h1 {
			font-size: 2em;
		}
		
		.moreContent {
			font-size: 1.5em;
			color: #585858;
		}

		.additoinalLink {
			padding: 0px;
		}

		.additoinalLink i {
			font-size: 1em;
			padding: 0px 5px 0px 0px;
		}
		
		.smallMoreContent {
			font-size: .5em;
		}
		
		.single-post .size-full, .single-post .size-large, .single-post .wp-caption.alignnone, .wp-post-image {
			margin: 50px 0;
		}
		
		.articleTitle {
			margin-bottom: 0px;
		}
		
		.storyContainer {
			padding-bottom: 30px;
		}
		
		.tags {
			margin: 35px 0;
		}
		
		.tags a {
			padding: 0px 7px;
			font-size: .7em;
		}
		
		.shareBlock i {
			font-size: 1.5em;
		}
		
		iframe {
			margin: 50px 0;
		}
	}

	@media (orientation: portrait) {
		.coverContainer {
			width: calc(100vw - 90px);
		}
	}

	@media (max-height: 900px) and (min-width: 1200px){			
		.sectionLinkBlock {
			font-size: 1em;
		}
		
		.largeIndexNumber {
			font-size: 20em;
		}
	}

	/* ---------------------------------------- end responsive breakpoints ------------------------------------- */