/* PRESIDENTS REPORT 2020 */

/*@import url('https://fonts.googleapis.com/css2?family=Glegoo&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Glegoo:wght@400;700&display=swap');

/*Custom Nav*/
.pr-tiles{z-index: 99;}
.pr-tiles .quarter{grid-column: span 12;}
.pr-tiles a{
	margin-bottom:20px!important;
	padding-top: 10px;
	text-decoration:none;
	border:1px solid #003988;
	box-sizing: border-box;
}
.pr-tiles a:hover, .pr-tiles a:focus{
	background-color:#dff3f4;
	text-decoration:none;
}
.pr-tiles figure.captionslideup{
	grid-template-columns: none !important;
	background-color:transparent !important;
}
.pr-tiles .heading{
	font-size:2.4rem !important;
}
@media only screen and (min-width:650px){
	.pr-tiles .quarter{grid-column: span 6;}
}
@media only screen and (min-width:765px){
	.pr-tiles .heading{font-size:1.9rem !important;}
}
@media only screen and (min-width:900px){
	.pr-tiles .quarter{grid-column: span 3;}
	.pr-tiles .heading{font-size:2.6rem !important;}
}
@media only screen and (min-width:1010px){
	.pr-tiles .heading{font-size:2.8rem !important;}
}


/*Custom Typography*/
h1:before{
	display:none !important;
	height:0;
	width:0;
	visibility: hidden;
}
main:not(.home) h1:before, main.home h2:before{
	display:none !important;
}		
article .heading, article h1, article .h1, article h2, article .h2, article h3, article .h3, article h3-4, article .h3-4, article h4, article .h4, article h5, article .h5{
	font-family:'Glegoo', serif;
	font-weight: 400 !important;
}
article .heading.h2{
	line-height: 1.2em;
}
article .contentflow:first-of-type .section-row:first-of-type .threequarters{
	padding: 0 20px; 
}
@media only screen and (min-width:765px){
	article .contentflow:first-of-type .section-row:first-of-type .threequarters{
		margin:-140px 0 0 -40px !important; 
		padding: 35px 40px 30px 40px; 
		background-color:#eceff0;
	}
}
article .contentflow:first-of-type .section-row:first-of-type .threequarters h1{
	color:#5f5f5f;
}
article .contentflow:first-of-type .section-row:first-of-type .threequarters p{
	color:#00205c;
}


/*Custom Layout*/
article{padding-left: 20px; padding-right: 20px;}
.pr-img{width:100%;}
.stories{display:inline-block;}
.stories .heading{color:#00205c;}
.stories .heading.h3-4{font-size:2.3rem;}
.stories .heading.jumbo{font-size:4.2rem;}
.stories .heading.jumbo-x{font-size:5.6rem;}
.stories figure.captionslideup{grid-template-columns:none;padding:0;background-color:#f8f8f8;}
.stories figure.captionslideup img{margin-bottom:10px;}
.stories figure.captionslideup figcaption{padding:15px;}



@media only screen and (min-width:550px){
	.pr-img{width:50%;}
}

@media only screen and (min-width:765px){
	main{
		max-width:1400px !important;
	}
	article{
		max-width: none !important;
	}
	article section.contentflow{
		display: block;
		max-width: 1120px;
		margin:0 auto;
	}

	.stories:before{
		content:'';
		display:block;
		width:0;
		height:0;
		z-index:-9;
		float:right;
		margin-top:-20px;
		margin-right:-20px;
		margin-bottom: -300px;
		border-right: 300px solid #c5d4c7;
		border-bottom: 300px solid transparent;	
	}
	.stories .twothirds{
		width: 100%;
	}
	.stories .third{
		width:calc((100% - (2*20px)) / 2);
	}
}

@media only screen and (min-width:900px){
	h1{font-size:4.8rem !important;}
}

@media only screen and (min-width:1050px){
	.pr-img{width:auto;}
	.stories .heading.jumbo{font-size:5.5rem;}
	.stories .heading.jumbo-x{font-size:7rem;}

	.stories .twothirds{
		width:calc((((100% - (2*20px)) / 3) * 2) + 20px);
	}
	.stories .third{
		width:calc((100% - (2*20px)) / 3);
	}
	.stories:before{
		margin-top:-30px;
		margin-right:-30px;
	}
}