.flex-width-standard { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
.flex-width-prominent { -ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
.flex-width-twelve { -ms-flex: 12 0px; -webkit-flex: 12 0px; flex: 12 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }

article.flex-width-standard .section-container, article.flex-width-prominent .section-container{ /*margin-top: 12px;*/ margin-top: 24px; }
.navTiles article.flex-width-standard .section-container, .navTiles article.flex-width-prominent .section-container{ margin-top: 4px; }

.navSection{ border-top: 2px solid rgb(1,33,105); }
.navSection h2{ font-weight: normal; font-weight: bold; font-size: 1em; padding: 4px; display: inline-block; color: white; background-color: rgb(1,33,105); text-transform: uppercase; /*font-family: Roboto Condensed; letter-spacing: 0.1em;*/ }

.bg-dark .navSection{ border-color: rgb(255,232,0); }
.bg-dark .navSection h2{ color: rgb(1,33,105); background-color: rgb(255,232,0); }

article span.section{ color: rgb(29,37,45); background-color: transparent; position: initial; /*text-transform: uppercase;*/ font-family: 'Effra', Roboto Condensed; /*letter-spacing: 0.1em;*/ font-size: initial; white-space: normal; }
.v2 article span.section{ line-height: normal; }

/*article span.headline{ padding-top: 0; }*/
article span.article-date{ font-weight: bold; padding-bottom: 12px; }
article span.abstract{ padding-bottom: 24px; }

.flex-wrapper.no-fade article:hover span.headline{ text-decoration: underline; }

.navTiles article.featured div.flex-wrapper{ padding-bottom: 24px; padding-top: 24px; border-bottom: 1px solid rgb(1,33,105); border-top: 1px solid rgb(1,33,105); }
article.featured[data-order="1"] div.flex-wrapper{ padding-top: 12px; border-top-width: 0; }

@media screen and (min-width: 640px) 
{
	article.flex-width-prominent span.headline{ font-size: 1.5em; }
	article.featured span.headline{ font-size: 2em; }
}

@media screen and (min-width: 912.5px) 
{
	.navTiles .rightContent{ border-left: 1px solid rgba(0,0,0,0.2); }
	.navTiles.bg-dark .rightContent{ border-left: 1px solid rgba(255,255,255,0.2); }
}

article.featured div.img-container{ margin: 0px; margin-bottom: 12px; }

@media screen and (min-width: 912px) 
{
	.flex-width-standard { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; }
	.flex-width-prominent { -ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }

	.tiles3col article.flex-width-standard, .flex-width-nine article.flex-width-standard { -ms-flex: 4 0px; -webkit-flex: 4 0px; flex: 4 0px; flex-basis: 0px; -ms-flex-preferred-size: 33.333%; -webkit-flex-basis: 33.333%; flex-basis: 33.333%; }
	.flex-width-nine article.flex-width-prominent{ -ms-flex: 8 0px; -webkit-flex: 8 0px; flex: 8 0px; flex-basis: 0px;	-ms-flex-preferred-size: 66.666%; -webkit-flex-basis: 66.666%; flex-basis: 66.666%;	}
	.tiles3col article.flex-width-standard span.headline{ font-size: 120%; }
	
	article.featured span.section { padding-left: 0; padding-right: 24px; padding-top: 12px; }
	article.featured span.headline, article.featured span.abstract { padding-left: 0; padding-right: 24px; }
 
	article.featured div.img-container{ margin: 0 12px 0 0; }
	article.featured div.content-container{ margin-left: 12px; }
	
	article.featured.imageRight .flex-wrapper{ flex-direction: row-reverse; }
	article.featured.imageRight div.img-container{ margin: 0 0 0 12px; }
	article.featured.imageRight div.content-container{ margin-right: 12px; margin-left: 0; }
	
	article.featured .flex-width-image {
		-ms-flex: 8 0px; -webkit-flex: 8 0px; flex: 8 0px;
		flex-basis: 0px;
		-ms-flex-preferred-size: 66.666%; -webkit-flex-basis: 66.666%; flex-basis: 66.666%;
	}
	article.featured .flex-width-content {
		-ms-flex: 4 0px; -webkit-flex: 4 0px; flex: 4 0px;
		flex-basis: 0px;
		-ms-flex-preferred-size: 33.333%; -webkit-flex-basis: 33.333%; flex-basis: 33.333%;
	}
	
	article.featured.fifty50 .flex-width-image, article.featured.fifty50 .flex-width-content {
		-ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px;
		flex-basis: 0px;
		-ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%;
	}
	
	.flex-width-six article.featured div.img-container{ margin-left: 0px; margin-right: 0px; }
	.flex-width-six article.featured div.content-container{ margin-left: 0px; margin-right: 0px; }
}
.navTiles article span.section { padding: 0; }
.navTiles article span.headline { color: rgb(29,37,45); padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.navTiles article span.abstract{ padding-left: 0px; padding-right: 0px; padding-bottom: 8px; }
.navTiles article span.posted{ padding-left: 0px; padding-right: 0px; }
.navTiles article span.more-info{ display: none; }
.navTiles .flex-wrapper.no-fade article:hover div.flex-inner{ box-shadow: none; }

/* dark mode */
.navTiles .flex-inner, .navTiles article a{ background-color: transparent; }
.bg-dark.navTiles article a span.headline, .bg-dark.navTiles article a span.section{ color: white; }
.bg-dark.navTiles article a span.abstract{ color: white; } 

/* allow for articles in narrow columns */
.flex-width-six article.flex-width-standard { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
.flex-width-three article.flex-width-standard { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
.navTiles .flex-width-three article.flex-width-standard { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }

.flex-width-six article.featured .flex-width-image { -ms-flex: 3 0px; -webkit-flex: 3 0px; flex: 3 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }
.navTiles .flex-width-three article.flex-width-standard a{ border-bottom: 1px solid rgba(0,0,0,0.2); }
.navTiles.bg-dark .flex-width-three article.flex-width-standard a{ border-bottom: 1px solid rgba(255,255,255,0.2); }

.navTiles .flex-width-three article.flex-width-standard:last-child a{ border-bottom: 0px solid rgba(0,0,0,0.2); }

@media screen and (max-width: 912px) 
{
	.navTiles.compactRight .flex-width-three .rightContent article.flex-width-standard,
	.navTiles.compactLeft .flex-width-three .leftContent article.flex-width-standard { -ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; }

	.flex-width-three article.flex-width-standard { -ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }
	.navTiles .flex-width-three article.flex-width-standard { -ms-flex: 6 0px; -webkit-flex: 6 0px; flex: 6 0px; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; }	
}

div.content-section{ max-width: 1400px; }

@media screen and (min-width: 1400px) 
{
	.flex-wrapper > article, .flex-wrapper.no-fade article:hover { margin: 16px 0px 16px 0px; }
	article a { margin: 0px 16px 0px 16px; }
	.flex-inner { left: 16px; min-width: calc(100% - 32px);	}
	article.grid-item img { max-height: 380px; }
	div.content-section-inner { padding: 16px 16px 0.1px 16px; }
	main div.content-section-margin { margin: 0px 16px 0px 16px; padding-top: 16px; padding-bottom: 16px; }
	
	.navTiles article.featured div.flex-wrapper { padding-bottom: 32px; padding-top: 32px; }
	.navTiles article.featured[data-order="1"] div.flex-wrapper{ padding-top: 16px; border-top-width: 0; }
}

.compactRight .rightContent article img, 
.compactLeft .leftContent article img  { display: none; }
.compactRight .rightContent .flex-wrapper > article, 
.compactLeft .leftContent .flex-wrapper > article { margin-bottom: 0px; }
.compactRight .rightContent .flex-wrapper > article.flex-width-standard .section-container, 
.compactRight .rightContent .flex-wrapper > article.flex-width-prominent .section-container,
.compactLeft .leftContent .flex-wrapper > article.flex-width-standard .section-container, 
.compactLeft .leftContent .flex-wrapper > article.flex-width-prominent .section-container{ margin-top: 0px; }

.scaling-text{ font-size: 5vw; line-height: 6vw; }
.scaling-text em, h1 em, h2 em, h3 em{ font-family: 'Source Serif 4', 'Lora', serif; font-style: normal; font-weight: bold; }

@media (min-width: 1280px) 
{
	.scaling-text{ font-size: 64px; line-height: 80px; }
}
@media (max-width: 640px) 
{
	.scaling-text{ font-size: 32px; line-height: 38px; }
}

.slideContainer{ position: relative; }