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

*/

body{
	font-style: normal;
	font-size: 13px;
	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: #dd0000;
	text-decoration: none;
}

strong{
	font-weight: 700;	
}

a:hover{
	color: #202020;	
}

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 ------------------------------------------ */
	
	body.page-template-home {
		width: 100vw;
		overflow: hidden;
	}

	body {
		background-color: #e9e9e9;
	}		

	.homeContainer {
		--bckPos: calc(48vw - (100% * .8));
		--slideHeight: 100%;
		overflow-y: hidden;
		width: 100vw;
		height: 100vh; 
	}

	.homeContainer .slide {
		height: var(--slideHeight);
		background-position: var(--bckPos);
		background-size: auto 100%;
		border-left: 1px solid #ffffff;
		background-color: #ffffff;
		background-repeat: no-repeat;
		position: relative;
		overflow: auto;

		width: 0vw;
		user-select: none;
		pointer-events: none;
		position: absolute;
		right: 0px;
	}

	.jsCover {
		background-position: var(--bckPos) center;
	}

	.homeContainer .coverSlide {
		background-color: #202020;
	}

	.smooth .slide{ 
		transition: width 0.1s ease-out, background-position 0.1s ease-out;
	}

	@keyframes arrowBounce {
		0%   {right: 25px;}
		5%  {right: 0px;}
		7%  {right: 10px;}
		10% {right: 5px;}
		20% {right: 5px;}
		23% {right: 25px;}
	}

	.homeGridScrollLink img {
		width: 15px;
		max-height: 30px;
	}

	.homeGridScrollLink {
		font-weight: 400;
		color: #ffffff;
		position: absolute;
		top: 48vh;
		right: 25px;
		opacity: .5;
		animation-name: arrowBounce;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		text-align: right;
		font-size: .7em;
		line-height: 15px;
	}

	.menuButton {
		font-size: .5em;
	}

	.menuButton .bars .bar {
		width: 25px;
		height: 3px;
	}

	nav {
		position: fixed;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}

	nav a {
		color: #888888;;
		padding: 0px 10px;
		font-size: 0.8em;
		line-height: 1em;
		margin-right: 5px;
		white-space: nowrap;
		padding: 12px;
		border-top: 3px solid #aeaeae;
		align-content: baseline;
	}

	nav a:hover,
	nav a:focus {
		border-top: 3px solid #555555;
		color: #555555;
	}

	nav a.on {
		border-top: 3px solid #dd0000;
		background-color: #dd0000;
		color: #ffffff;
	}

	nav {
		position: fixed;
		bottom: 0px;
		width: 100%;
		text-align: center;
		display: grid;
		grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
		overflow: auto;
		background-color: #ffffff;
		z-index: 2;
		box-shadow: 0px 0px 4px rgba(0,0,0,.4);
	}

	.section {
		max-height: 100vh;
		overflow: auto;
		user-select: text;
		pointer-events: all;

		background-repeat: no-repeat;
		background-size: cover;
		background-position: center 0px;
		background-color: #e9e9e9;
		z-index: 1;
		position: relative;
	}

	#intro {
		background-color: transparent;
	}

	.section article {
		margin: 100vh 10px 10px 10px;
		position: relative;
		background-color: #ffffff;
		padding: 0px 0px 10px 0px;
		overflow: hidden;
		transition: margin-top .7s cubic-bezier(1,-0.16,.55,1.12), opacity .7s cubic-bezier(1,-0.16,.55,1.12);
	}
	.on .section article,
	body.single .section article
	{
		margin-top: 20vh;
		opacity: 1;
	}

	body.single .section {
		overflow: initial;
		max-height: auto;
	}

	.sectionHead {
		color: #ffffff;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px;
		font-size: 11em;
		text-align: left;
		position: relative;
		margin: 0px 25px;
		word-wrap: break-word;
		line-height: .8em;
	}

	.sectionTag {
		background-color: #dd0000;
		color: #ffffff;
		text-transform: uppercase;
		padding: 5px;
		display: block;
		margin: 0px auto;
		margin-top: 0px;
		width: 135px;
		text-align: center;
		font-size: .8em;
		line-height: 1.5em;
	}

	#link1 {
		padding-left: 48px;
	}
	
	#menuN {
		height: 40px;
		vertical-align: middle;
		padding-right: 6px;
		position: absolute;
		top: 4px;
		left: 10px;
	}

	.nextUp {
		margin-top: 65px;
		padding-top: 10px;
	}

	.nextUp h4 {
		text-transform: uppercase;
	}

	.nextUp a {
		width: 100%;
		height: 40vh;
		display: block;
		background-position: center center;
		background-size: cover;
	}

	.nextUp a .sectionTag {
		margin: 0px;
		margin-top: 0px;
		font-size: 1em;
		display: inline-block;
		padding: 5px 15px;	
	}

	figure,
	figure img,
	.wp-block-image,
	.wp-block-image img,
	.wp-block-image.alignright {
		width: 100%;
	}

	.autoWidth,
	.autoWidth img {
		width: auto;
	}

	.fadeElement, 
	article figure, 
	article h1, 
	article blockquote,
	.loadingSection {
		position: relative;
	}

	.fadeElement,
	.loadingSection {
		top: 10vh;
		opacity: .3;
		transition: all 2s cubic-bezier(0,1.07,.55,.95);
	}

	.nextUp.fadeElement {
		position: relative;
		top: 0px;
		right: -100vw;
		transition: all .5s cubic-bezier(1,-0.16,.55,1.12);
	}

	.fadeElement.on,
	.loadingSection.on,
	article .loadingSection:first-child {
		top: 0px;
		opacity: 1;
	}

	.nextUp.fadeElement.on {
		right: 0px;
	}

	.fullWidth,
	.post-id-31 h1,
	.wp-block-gallery,
	.whyNebraska {
		width: calc(100vw - 20px);
		position: relative;
		left: -10vw;
		max-width: none;
		margin: 60px auto;
	}

	.fullWidth img {
		width: 100%;
	}

	.post-id-31 h1 {
		background-color: #77b6e2;
		margin:0px;
		padding: 0 10vw;
		color: #ffffff;
		padding-top: 40px;
		width: 100%;
		text-align: center;
		line-height: 1.3em;
	}

	.post-id-31 .fullWidth {
		margin: 0px auto;
	}

	.sectionTitle {
		position: absolute;
		font-size: 3em;
		font-weight: 100;
		color: #888888;
		height: 80vh;
		text-align: center;
		width: calc(100% - 20px);
		text-transform: uppercase;
		display: flex;
		align-items: center;
		padding: 10px;
		justify-content: center;
		line-height: .9em;
	}

	.shareBlock {
		font-size: 2em;
	}

	.shareBlock a {
		color: #c6c6c6;
		padding-right: 10px;
	}

	.loadingSection, 
	.container {
		border-bottom: 10px solid #e9e9e9;
		padding: 0 10vw 20px 10vw;
	}

	.container {
		border-bottom: none;
	}

	article body {
		background-color: transparent;
	}

	blockquote {
		font-size: 2em;
		line-height: 1em;
		font-weight: 800;
		margin: 40px 5%;
		padding: 0 20px;
		border-left: 7px solid #f57f29;
		color: #f57f29;
		font-style: italic;
	}

	cite {
		text-transform: uppercase;
		font-weight: 100;
	}
	
	#slide4 p {
		color: #ffffff;
		font-size: .85em;
		line-height: 1.5em;
		padding: 30px;
		opacity: 0;
		top: -125px;
		position: relative;
		transition: top .7s cubic-bezier(1,-0.16,.55,1.12), opacity .7s cubic-bezier(1,-0.16,.55,1.12);
	}

	#slide4.on p {
		opacity: 1;
		top: 0px;
	}

	.wp-block-image figcaption {
		font-size: .85em;
		margin-bottom: 10px;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 10px;
		line-height: 1.3em;
	}

	.whyNebraska {
		font-size: 1.5em;
		background-color: #109dc0;
		margin: 40px 0px 80px 0px;
		padding: 45px 10vw;
		position: relative;
		width: 100%;
		color: #ffffff;
	}

	.whyNebraska::before {
		content: 'Why Nebraska?';
		color: #ffffff;
		font-size: 40px;
		line-height: 27px;
		position: relative;
		padding-bottom: 5px;
		font-weight: 800;
		text-transform: uppercase;
		display: block;
	}

	.whyNebraska em {
		margin-bottom: 10px;
		display: block;
		font-size: 1.1em;
	}

	.career,
	.post-id-197 {
		background-color: #dd0000;
		color: #ffffff;
	}

	.career p,
	.career h1,
	.career h4,
	.career figcaption,
	.post-id-197 p,
	.post-id-197 h1,
	.post-id-197 h4,
	.post-id-197 figcaption {
		color: #ffffff;
	}

	.career h1::before {
		content: 'Career Award';
		font-weight: 100;
		display: block;
		font-size: .9em;
		text-transform: uppercase;
	}

	.career a {
		color: #000000;
	}

	.career a:focus,
	.career a:hover,
	.post-id-197 a:focus,
	.post-id-197 a:hover {
		color: #cccccc;
	}

	.largeNumber1 {
		font-size: 6em;
		line-height: 1em;
		font-weight: 900;
		top: 0px;
		opacity: 1;
		letter-spacing: -.05em;
		color: #dd0000;
	}

	.whiteText .largeNumber1,
	.whiteText {
		color: #ffffff;
	}

	.scrollingNumber {
		overflow: hidden;
		height: 1.005em;
		display: inline-block;
		position: relative;
		width: 0.55em;
	}

	.scrollingContainer {
		position: absolute;
		top: -8.855em;
		display: inline;
		transition: all 3s cubic-bezier(.25,.41,.47,1.04);
	}

	.scrollingContainer.slow {
		transition: all 3s cubic-bezier(0,.73,.57,1.01);
	}

	.scrollingContainer.two {
		top: -0.855em
	}

	.largeNumber1.on .scrollingContainer,
	.loadingSection.on .largeNumber1 .scrollingContainer {
		top: 0.145em;
	}

	#fy17Chart {
		padding: 50px 0;
		text-align: center;
	}

	#slide17 article {
		padding-bottom: 25vh;
	}

	.tags a {
		color: #676767;
		text-decoration: none;
		padding: 4px 10px;
		border: 2px solid #C2C2C2;
		margin: 2px;
		transition: all .2s ease-in-out;
		display: inline-block;
	}
	
	.tags a:hover,
	.tags a:focus {
		color: #dd0000;
		border: 2px solid #dd0000;
	}

	.tags {
		margin: 50px 0;
		padding: 50px 0;
		border-top: 1px dashed #cccccc;
	}

	.career .tags a,
	.post-id-197 .tags a {
		color: #ffffff;
		border-color: #ffffff;
	}

	.career .tags a:hover,
	.career .tags a:focus,
	.post-id-197 .tags a:focus {
		background-color: #ffffff;
		color: #dd0000;
	}

	.smallMoreContent {
		font-weight: 600;
	}

	.wp-block-columns.has-3-columns {
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 20px;
	}

	.loader {
		width: 35px;
		height: 35px;
		padding: 10px;
		margin: 0px auto;
	}
		
	.loader .spinner {
		box-sizing: border-box;
		stroke: #cccccc;
		stroke-width: 3px;
		-webkit-transform-origin: 50%;
				transform-origin: 50%;
		-webkit-animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
				animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite; 
	}
	  
	@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
				transform: rotate(0); }
	to {
		-webkit-transform: rotate(450deg);
				transform: rotate(450deg); } }
	
	@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
				transform: rotate(0); }
	to {
		-webkit-transform: rotate(450deg);
				transform: rotate(450deg); } }
	
	@-webkit-keyframes line {
	0% {
		stroke-dasharray: 2, 85.964;
		-webkit-transform: rotate(0);
				transform: rotate(0); }
	50% {
		stroke-dasharray: 65.973, 21.9911;
		stroke-dashoffset: 0; }
	100% {
		stroke-dasharray: 2, 85.964;
		stroke-dashoffset: -65.973;
		-webkit-transform: rotate(90deg);
				transform: rotate(90deg); } }
	
	@keyframes line {
	0% {
		stroke-dasharray: 2, 85.964;
		-webkit-transform: rotate(0);
				transform: rotate(0); }
	50% {
		stroke-dasharray: 65.973, 21.9911;
		stroke-dashoffset: 0; }
	100% {
		stroke-dasharray: 2, 85.964;
		stroke-dashoffset: -65.973;
		-webkit-transform: rotate(90deg);
				transform: rotate(90deg); } 
	}

	.post-id-222 .wp-block-image img {
		object-fit: cover;
		height: 30vh;
		object-position: center 29%;
	}

	.wp-image-348 {
		object-position: center 10%;
	}

	.post-id-222 .wp-block-columns {
		font-size: .8em;
		line-height: 1.5em;
	}

	.post-id-222 {
		background-color: #e9e9e9;
	}

	.post-id-222 .wp-block-column {
		margin-bottom: 20px;
		flex: 1;
		background-color: #ffffff;
		padding: 20px;
	}

	.post-id-222 .wp-block-gallery {
		width: auto;
		left: 0px;
		margin: 0px;
		padding: 0px;
	}

	.post-id-222 .wp-block-gallery .blocks-gallery-item {
		margin: 0px;
	}

	.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
		width: calc(100% - 20px);
	}
	
	#slide1 {
		background-image: url(/annualreport/2018/images/1.jpg);
		width: 100vw;
	}

	#slide2 {
		background-image: url(/annualreport/2018/images/2.jpg);
	}

	#slide3 {
		background-image: url(/annualreport/2018/images/3.jpg);
	}

	#slide4 {
		background-image: url(/annualreport/2018/images/4.jpg);
	}

	#slide5, .homeBck {
		background-image: url(/annualreport/2018/images/5.jpg);
	}

	.resilienceBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/09/180626_Walia_013-1200x804.jpg);
	}

	.bmhhBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/170901_Pannier_014-1200x730.jpg);
		background-position: center 22% !important;
	}

	.childrenFamiliesBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/180627_Williams_083-SM-1200x877.jpg);
		background-position: center 12% !important;
	}

	.energyMaterialsBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/Binek_OR-2018_017-1200x739.jpg);
		background-position: center 10% !important;
	}

	.defenseBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/Detweiler_OR-2018_003_1.jpg);
	}

	.artsCultureBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/180613_Anna_022A-SM-1200x792.jpg);
		background-position: center 13% !important;
	}

	.businessBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/170627_Gender_040-1200x814.jpg);
		background-position: center 64% !important;
	}

	.economicDevBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/180411_Incision_027-SM-1200x800.jpg);
		background-position: center bottom !important;
	}

	.engineeringBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/180316_Duncan_066-SM-1200x686.jpg);
	}

	.highlightsBck {
		background-image: url(/annualreport/2018/wp-content/uploads/2018/10/Umstadter_14092-SM-1200x801.jpg);
	}

	.chartsBck {
		background-image: url(http://research.unl.edu/annualreport/2018/images/chart.svg);
	}

	.post-id-105 {
		background-image: url(/annualreport/2018/images/Brazil_592947263.jpg);
		background-size: cover;
		background-position: right top;
		background-repeat: no-repeat;
	}

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



@media (min-width: 560px) {
	#fy17Chart {
		padding: 50px 65px 50px 0;
	}
}

@media (min-width: 750px){		
	
	nav {
		position: fixed;
		bottom: auto;
		top: 0px;
		height: 45px;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	.sectionTitle {
		font-size: 6em;
	}

	nav:hover,
	nav:focus {
		overflow-x: auto;
		height: 60px;
	}

	#slide4 p {
		font-size: .9em;
		padding-top: 67px;
		width: 30%;
	}
}

@media (min-width: 1200px) {
	.section article,
	.section article body {
		font-size: 1.2em;
		line-height: 1.7em;
		font-weight: 300;
	}
}

@media (min-width: 1000px) {
	.wp-block-image.alignright,
	.wp-block-image .alignright {
		width: 50%;
		right: -5vw;
	}

	.wp-block-columns.has-3-columns {
		grid-template-columns: 3fr 3fr 3fr;
	}
}

@media (min-width: 1700px) {
	.section article, 
	.section article body {
		font-size: 1.3em;
		line-height: 2em;
	}
	
	blockquote, 
	.wp-block-image,
	iframe,
	.wp-block-gallery,
	.tags{
		  margin: 200px 0;
	}

	.wp-block-image.alignright,
	#intro figure,
	article .additoinalLink,
	article .shareBlock {
		margin: 25px 0;
	}

	article blockquote p,
	article blockquote cite {
		margin: 15px;
	}
	
	.section article h1 {
		margin: 200px 0 100px 0;
		text-align: center;
	}

	.section article .post-id-31 h1 {
		margin: 0px;
	}

	article p {
		width: 90%;
		margin: 30px auto;
	}
}

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