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

*/

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

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

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

strong{
	font-weight: 700;	
}

a:hover{
	color: #A4D95F;	
}

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

h1{
	font-size: 3.5em;	
}

.page h1{
	text-align: center;
}

.page .articleHeadline h1 {
	text-align: left;	
}

h2{
	font-size: 4.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"]{
	background-color: #ef3125;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	border: none;
	color: #ffffff;
	border-radius: 4px;
	font-size: 1.2em;
	cursor: pointer;
}

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

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

body{
	margin: 0px;
	padding: 0px;
	border: 8px solid #ffffff;
}

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

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

iframe{
	max-width: 100%;
}

input[type="text"], textarea, input[type="select"], input[type="email"], input[type="url"]{
	width: 100%;
	width: calc(100%-2%);
	font-family: 'Roboto', sans-serif;
	padding: 1%;
}

   /* ---------------------------------------- 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 ----------------------------------------*/
   
   .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;	
		}
	}
   
   /* ----------------------------------------- end bootstrap ------------------------------------------ */


	body{
		background-image: url(/annualreport/2015/images/bck1.jpg);	
		background-size: cover;
		background-attachment: fixed;	
		background-position: center center;
	}
	
	body.page-id-203{
		background-image: url(/annualreport/2015/images/cover.jpg) !important;	
	}
	
	h1, h2, h3, h4{
		font-weight: 100;
		font-family: 'Roboto', sans-serif;
	}
	
	.secondaryContainer h1, .secondaryContainer h2, .secondaryContainer h3, .secondaryContainer h4{
		color: #ffffff;
	}
	
	.secondaryContainer{
		padding: 100px 5%;
		width: 90%	
	}
	
	.container{
		padding: 0 6%;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: 300;
		color: #ffffff;	
	}

	#homeScreenOne, #homeScreenTwo, #homeScreenThree, #homeScreenFour, #cover{
		text-align: center;
		font-weight: 100;
		color: #ffffff;
		background-image: url(/annualreport/2015/images/bck1.jpg);
		border: 4px solid #ffffff;
		border-bottom: none;
		border-top: none;
		padding-top: 180px;
		padding-bottom: 180px;
		width: calc(100% - 8px);
	}
	
	#homeScreenOne{
		border-top: 4px solid #ffffff;	
	}
	
	#homeScreenTwo{
		border-bottom: 4px solid #ffffff;	
	}
	
	#homeScreenFour{
		background-image: url(/annualreport/2015/images/bck2.jpg);
		border: 4px solid #ffffff;	
		padding-top: 75px;
		padding-bottom: 75px;
	}
	
	.text1{
		font-size: 2em;
		letter-spacing: .15em;
		line-height: 2em;
		display: none;
	}
	
	.text2, .text3{
		font-size: 9em;
		text-transform: uppercase;
		letter-spacing: .2em;
		line-height: 1.5em;
		display: none;
	}
	
	.text3{
		display:block;
		font-size: 6em;
	}
	
	#reportText{
		padding-left: 8em;
		line-height: 0px;
		text-transform: uppercase;
	}
	
	#cover{
		background-image: url(/annualreport/2015/images/cover.jpg);
		padding-top: 370px;
    	padding-bottom: 10px;
	}
	
	#floatingN{
		position: absolute;
		z-index: 1;
		top: 50%;
		width: 8.6%;
		left: calc(50% - 4.3%);
		height: 18.6%;
		top: calc(50% - 9.3%);
	}
	
	.fixedBackground{
		background-size: cover;
		background-attachment: fixed;	
		background-position: center center;
	}
	
	.backgroundCover{
		background-size: cover;
		background-position: center center;
	}
	
	.articleText{
		width: 75%;
		font-size: 1.4em;
		line-height: 1.5em;	
		padding: 5%;
		z-index: 1;
		font-weight: 300;
		color: #ffffff;
		margin: 0px auto 150px auto;
		background-image: url(/annualreport/2015/images/bck2.jpg);	
	}

	.articleHeadlineContainer{	
		float: left;
		width: 48%;
		padding-right: 4%;
	}
	
	.articleHeadline{
		-webkit-transition: opacity .4s;
		transition: opacity .4s;
	}
		
	.articleHeadline.behindBlockquote{
		opacity: .05;
	}
	
	.articleContent{
		float: left;
		width: 48%;	
	}
		
	.articleImages{
		float: none;
		clear: both;
		width: 85%;
		margin: 0px auto 150px auto;
		border: 4px solid #ffffff;
		border-bottom: none;
	}
	
	.articleImagesBlock{
		border-bottom: 4px solid #ffffff;
		position: relative;
	}
	
	.articleImagesBlock img, .articleImagesBlock iframe{
		margin-bottom: -8px;	
	}
	
	.articleImagesBlock figcaption {
		color: rgb(255, 255, 255);
		font-size: 1em;
		position: absolute;
		bottom: 0px;
		padding: 10px;
		opacity: 1;
		background-color: rgba(0,0,0,.5);
    	padding: 0px 5px;
	}
	
	.articleImages img, .articleImages iframe{
		width: 100%;
	}
		
	.articleImages blockquote{
		background-color: #e31837;
		color: #ffffff;
		padding: 2em 10%;
		font-size: 2.9em;	
		width: 80%;	
		margin: 0px;
		text-align: center;
		font-family: 'Slabo 27px', serif;
		margin-top: -4px;
	}
	
	.articleImages blockquote hr{
		border: none;
		border-bottom: 1px solid #ffffff;
		width: 40%;
		padding: 0px;	
		height: 0px;
		margin: 2em 30%;
	}
	
	img, svg, iframe{
		max-width: 100%;	
	}
	
	.red{
		color: #e31837;	
	}
	
	.nextPreviousTitle{
		color: #ffffff;
		background-color: #e31837;
		width: 50%;
		padding: 240px 0;
		text-align: center;
		border-right: 4px solid #ffffff;	
		font-weight: 300;
		text-transform: uppercase;
	}
	
	h1{
		font-size: 4.5em;
		line-height: .96em;
		margin-top: 0px;
		font-weight:100;
	}
	
	.previousImage, .nextImage{
		width: 50%;
		width: calc(50% - 12px);
		float: left;
		height: 500px;
		border: 4px solid #ffffff;
		border-top: 0px;
		background-size: cover;
		background-position: center center;
		
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='https://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
		
		-webkit-transition: filter .8s, -webkit-filter .8s;
		transition: filter .8s, -webkit-filter .8s;
	}
	
	.grayscale{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");	
	}
	
	.previousImage:hover, .nextImage:hover{
		filter: none;
		-webkit-filter: none;
	}
	
	.previousImage{
		border-right: 2px solid #ffffff;	
	}

	.nextImage{
		border-left: 2px solid #ffffff;	
	}
	
	.footerSpacer{
		background-image: url(https://research.unl.edu/annualreport/2014/wp-content/themes/annualReport/images/cover.jpg);
		clear: both;
		background-size: cover;
		height: 500px;
		border: 4px solid #ffffff;
		background-position: center center;
		

		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='https://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}
		
	iframe{
		width: 100%;	
	}
	
	.clear{
		clear: both;	
	}
	
	.headerImage figcaption{
		position: fixed;
		bottom: 0px;
		color: #ffffff;
		font-size: .8em;
		padding: 10px;
		text-shadow: 0px 0px 1px #000;	
	}
	
	/* ---------------------- the second grid ---------------------- */
	
	.grid2Full {
		width: 100%;
		width: calc(100% - 8px);
		border-left: 4px solid #ffffff;
	}
	
	.grid2ElevenTwelfths {
		width: 91.66%;
		width: calc(91.66% - 4px);
	}
	
	.grid2ElevenTwelfths.first{
		width: calc(91.66% - 8px);
	}
	
	.grid2FiveSixths {
		width: 83.33%;
		width: calc(83.33% - 4px);
	}
	
	.grid2FiveSixths.first{
		width: calc(83.33% - 8px);
	}
	
	.grid2ThreeFourths {
		width: 75%;
		width: calc(75% - 4px);
	}
	
	.grid2ThreeFourths.first{
		width: calc(75% - 8px);
	}
	
	.grid2TwoThirds {
		width: 66.66%;
		width: calc(66.66% - 4px);
	}
	
	.grid2TwoThirds.first{
		width: calc(66.66% - 8px);
	}
	
	.grid2SevenTwelfths {
		width: 58.33%;
		width: calc(58.33% - 4px);
	}
	
	.grid2SevenTwelfths.first{
		width: calc(58.33% - 8px);
	}
	
	.grid2OneHalf {
		width: 50%;
		width: calc(50% - 4px);
	}
	
	.grid2OneHalf.first{
		width: calc(50% - 8px);
	}
	
	.grid2FiveTwelfths {
		width: 41.66%;
		width: calc(41.66% - 4px);
	}
	
	.grid2FiveTwelfths.first{
		width: calc(41.66% - 8px);
	}
	
	.grid2OneThird {
		width: 33.33%;
		width: calc(33.33% - 4px);
	}
	
	.grid2OneThird.first{
		width: calc(33.33% - 8px);
	}
	
	.grid2OneFourth {
		width: 25%;
		width: calc(25% - 4px);
	}
	
	.grid2OneFourth.first{
		width: calc(25% - 8px);
	}
	
	.grid2OneSixth {
		width: 16.66%;
		width: calc(16.66% - 4px);
	}
	
	.grid2OneSixth.first{
		width: calc(16.66% - 8px);
	}
	
	.grid2OneTwelfth {
		width: 8.33%;
		width: calc(8.33% - 4px);
	}	
	
	.grid2OneTwelfth.first{
		width: calc(8.33% - 8px);
	}
	
	div[class^="grid2"], div[class*="grid2"]{
		float: left;
		border-right: 4px solid #ffffff;
		border-bottom: 4px solid #ffffff;	
	}
		
	div[class^="grid2"].first, div[class*="grid2"].first{
		clear: both;
		border-left: 4px solid #ffffff;	
	}
	
	/* end second grid */
	
	hr.divider{
		border: 0px;
		border-bottom: 4px solid #ffffff;
		height: 0px;
		margin: 0px;
	}

	.redBox{
		background-color: #e31837;
		padding: 0 80px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		height: 20%;
		font-weight: 100;
		letter-spacing: .2em;
	    font-size: 1.5em;
		height: 635px;
		overflow: hidden;
	}
	
	h2.media{
		text-align: center;
		font-weight: 100;
		font-size: 4em;
		color: #ffffff;	
		text-transform: uppercase;
	}
	
	a{
		color: #d1d1d1;
		text-decoration: none;	
	}
	
	a:hover{
		color: #ffffff;	
	}
	
	.footer{
		min-height: 410px;	
		color: #ffffff;
		padding-top: 30px;
	}
	
	.storyBox{
		background-image: url(/annualreport/2015/images/bck1.jpg);
		-webkit-transition: background-image 0.2s ease-in-out;
		transition: background-image 0.2s ease-in-out;
	}

	.storyBoxText{
		padding: 21px;
		text-align: center;
		opacity: 0;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}
	
	.storyBoxText h4{
		font-weight: 300;
		color: #ffffff;
		text-transform: uppercase;
	}
	
	.storyBoxText span{
		color: #cccccc;
	}
	
	.storyBox.noImage .storyBoxText{
		opacity: 1;
	}
	
	.storyBox.noImage:hover{
		background-image:url(https://research.unl.edu/annualreport/2015/images/bck2.jpg);	
	}
		
	.storyBox:hover .storyBoxText, .single-post .storyBox .storyBoxText, 
	.page-id-264 .storyBox, .page-id-264 .storyBoxText,
	.page-id-262 .storyBox, .page-id-262 .storyBoxText,
	.page-id-203 .storyBox, .page-id-203 .storyBoxText
	
	{
		opacity: 1;	
	}
	
	.storyBox i{
		font-size: 6em;
		opacity: 0.5;
	}
	
	#searchform label{
		display:none;	
	}
	
	#searchform input{
		font-size:1.5em;	
		padding:10px;
		width: auto;
	}	
	
	#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;	
	}
	
	.copyright{
		clear:both;
		font-size: .7em;
		text-align:center;
		margin-top: 60px;
	}
	
	.footerTitle{
		text-transform: uppercase;
		font-weight: 300;
		opacity: 0.5;
		margin-bottom: 40px;	
	}
	
	#whiteFooterLogo svg path{
		fill: #ffffff;
	}
	
	#whiteFooterLogo svg{
		width: 325px;
		fill: #ffffff;
		height: 120px;
		padding: 18px 0 0 0;
	}
	
	#homeScreenOne img{
		width: 70px;
		height: 70px;
		margin-bottom: 20px;	
	}
	
	#researchStories{
		text-transform: uppercase;
		position: relative;
		top: 74px;
	}
	
	body.single-post{
		border: 0px;
		width: 100%;
		height: 1500px;
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
	}
	
	#topMenu{
		position: fixed;
		right: 0px;
		color: #ffffff;
		text-transform: uppercase;
		top: 0px;
		-webkit-transition: top .5s;
		transition: top .5s;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		z-index: 1;
		font-size: .8em;
	}
	
	#topMenu.on{
		top: 444px;
	}
	
	#topMenu a{
		color: #ffffff;
	}
	
	#menu{
		padding: 15px 18px;
		margin-left: 15px;
		cursor: pointer;
	}
	
	#menuItems{
		position: absolute;
		width: 100%;
		width: calc(100% - 50px);
		right: 0px;
		padding: 25px;
		opacity: 0;
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
		bottom: 44px;
		height: 400px;
		text-align: left;
		font-size: 1.2em;
		text-transform: none;
	}
	
	#topMenu.on #menuItems{
		display: block;
		opacity: 1;
	}
	
	#menuItems ul{
		list-style: none;
		padding: 0px;
		margin: 0px;	
	}
	
	#menuItems ul li{
		font-size: 1.5em;
		float: left;
		margin: .5em 0.7em;
	}
		
	#menuItems 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;
	}
	
	#menuItems ul li ul li{
		font-size: 0.6em;
		float: none;
	}
	
	#intro{
		font-size: 1em;	
	}

	.nextPreviousContainer{
		border-top: 4px solid #ffffff;	
		width: 85%;
		margin: 100px auto;
	}
	
	figcaption{
		font-size: .6em;
		opacity: .7;
		line-height: 1.5em;	
	}
	
	blockquote {
		font-size: 3.5em;
		line-height: 1em;
		padding: 30px 0px;
		margin: 30px 0px;
		width: 155%;
		position: relative;
		left: -55%;
		border-bottom: 4px solid rgb(255, 255, 255);
	}
	
	blockquote:before{
		content: "\f10d";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		font-size: 2em;
		left: -39px;
		top: -5px;
		opacity: 0.2;
	}
	
	blockquote p{
		padding: 0px;
		margin: 0px;	
	}
	
	.highlightImage{
		background-size: cover;
		background-position:center center;	
	}
	
	.highlightsImageContainer{
		overflow:hidden;
		position: relative;
	}
	
	.highlightsImageContainer .highlightImage{
		top: 0px;
		left: 0px;
	}
	
	.grayBox2{
		padding: 25px 5%;
		background-color: #333333;
		background-image: url(/annualreport/2015/images/bck2.jpg);	
		background-repeat: no-repeat;
		background-position: bottom right;
		color: #ffffff;
	}
	
	.grayBox2 h4{
		margin: 0px;
	}
	
	.colorBlock{
		background-image: url(/annualreport/2015/images/bck1.jpg);	
		background-color: #e31837;
		color: #ffffff;
		font-size: 5em;
		text-align: center;
		line-height: 0px;
	}
	
	.gridFiveSixths.noMargin{
		margin-left: 0px;
		width: 85.10636%;
	}
	
	.gridOneSixth.noMargin{
		margin-left: 0px;
		width: 17.02126%;
	}
	
	body.search, body.search .footer, body.attachment, body.tag, body.tag .footer{
		background-image: url(/annualreport/2015/images/bck1.jpg) !important;	
	}
	
	.articleHeadline i{
		font-size: 1.6em;
		margin-left: 20px;	
	}
	
	.page-id-262 .articleContent ul li{
		padding-bottom: 40px;	
	}
	
	.articleHeadline .tags{
		font-size: .8em;
		line-height: 1.4em;
	}
		
	.storyBox .tags{
	    opacity: .6;	
		font-size: .9em;
	}
	
	body.search .tags, body.tag .tags{
	    opacity: .6;	
		font-size: .7em;
	}
	
	.grayBox2 h4{
		font-size: 1.7em;
		font-weight: 700;	
	}
	
	#highlightsImageContainer217 .highlightImage {
		background-position: 80% center;
	}
	
	#highlightsImageContainer208 .highlightImage {
		background-position: center 0px;
	}
	
	.additionalContent{
		font-size: 0.8em;
		line-height: 1.4em;
	}
	
	/* ---------------------------------------- mobile breakpoints ------------------------------------- */
	
	@media (max-width: 1700px){
		h1{
		font-size: 4em;
		}
	}
	
	@media (max-width: 1460px){
		.text3{
			font-size: 4.5em;	
		}
		
		h1{
			font-size: 3.2em;
		}
		
		.articleText {
		    line-height: 1.5em;
		}
		
		.container {
			font-size: 1em;
		}
	}
	
	@media (max-width: 1270px){
		.articleText{
			font-size: 1em;
		}
		
		#menuItems ul li ul li {
			font-size: 0.5em;
			float: none;
			line-height: 1.2em;
		}
		
		.toFullAtBp1270{
			width: 100%;	
		}

	}
	
	@media (max-width: 1170px){

	}
	
	@media (max-width: 1025px){
		.text2, .text3{
			font-size: 7em;	
		}
		
		#reportText {
			padding-left: 0em;
		}
		
		.toFullAtBp1025{
			width: 100%;	
		}
	}
	
	@media (max-width: 940px){
		.text2{
			font-size: 4em;	
		}

		.text1{
			font-size: 1.5em;	
		}
		.text3{
			font-size: 2.5em;	
		}
		
		#homeScreenThree, #homeScreenTwo{
			display: none;	
		}
		
		#homeScreenOne{
			border-bottom: 4px solid #ffffff;	
		}
		
		#homeScreenOne, #homeScreenFour{
			padding: 30px 0;	
		}
		
		#researchStories{
			text-transform: uppercase;
			position: relative;
			top: 0px;
		}
		
		.articleHeadline, .articleContent, .articleHeadlineContainer {
			width: 100%;
			padding: 0px;	
			float: none;
		}
		
		blockquote {
			font-size: 2.5em;
			width: 100%;
			left: 0;
		}
		
	}
	
	@media (max-width: 810px){
		div[class^="grid"].verticalAlign .td, div[class*="grid"].verticalAlign .td{
			align-items: center;
			-webkit-align-items: center;  
			display: flex;
			display: -webkit-flex;
			height: calc(100% - 42px);
		}
		
		div[class^="grid"].verticalAlign, div[class*="grid"].verticalAlign{
			display: block;
		}
		
		h4 {
    		font-size: 1.1em;
		}
	}
	
	@media (max-width: 730px){
		#menuItems{
			height: 494px;	
		}
		
		#topMenu.on {
			top: 541px;
		}
	}
	
	@media (max-width: 560px){		
		.text2{
			font-size: 3em;	
		}

		.text1{
			font-size: 1em;	
		}
		
		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;
		}
		
		.storyBox{
			height: 190px !important;	
		}
		
		.storyBoxText{
			opacity: 1;
		}
				
		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;
		}
		
		#whiteFooterLogo svg {
			width: 250px;
			fill: #FFF;
			height: 120px;
		}
		
		.footer, .articleText, #menuItems, #menu{
			background-image: none !important;
			background-color: rgba(0,0,0,.7);
		}
		
		.articleText{
			width: 90%;
		}
		
		.articleHeadline h1{
			font-size: 2.5em;	
		}
		
		h2.media{
			font-size: 2em;	
		}
		
		#topMenu a{
			display: none;	
		}
		
		#topMenu #menuItems a{
			display: block;	
		}
		
		#menuItems{
			height: 280px;	
		}
		
		#topMenu.on {
			top: 325px;
		}
		
		#menuItems ul li {
			float: none;	
		}
		
		.articleImagesBlock figcaption {
			display: none;
		}
		
		.colorBlock{
			display: none;	
		}
		
		.highlightsImageContainer .highlightImage, .highlightsImageContainer {
			top: 0px;
			left: 0px;
			height: 375px !important;
		}

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