@charset "utf-8";

/*
root variables
headers
*/

/* ROOT VARIABLES */

:root {
	/*default ecms fonts */	
	--ff-sans: Arial, helvetica, sans-serif;
	--ff-serif: Georgia, serif;
	
	/* #000000 */
	--c-black: rgba(0,0,0,1);
	--c-black-90: rgba(0,0,0,0.9);
	--c-black-80: rgba(0,0,0,0.8);
	--c-black-70: rgba(0,0,0,0.7);
	--c-black-60: rgba(0,0,0,0.6);
	--c-black-50: rgba(0,0,0,0.5);
	--c-black-40: rgba(0,0,0,0.4);
	--c-black-30: rgba(0,0,0,0.3);
	--c-black-20: rgba(0,0,0,0.2);
	--c-black-10: rgba(0,0,0,0.1);
	
	/* #ffffff */
	--c-white: rgba(255,255,255,1);
	--c-white-90: rgba(255,255,255,0.9);
	--c-white-80: rgba(255,255,255,0.8);
	--c-white-70: rgba(255,255,255,0.7);
	--c-white-60: rgba(255,255,255,0.6);
	--c-white-50: rgba(255,255,255,0.5);
	--c-white-40: rgba(255,255,255,0.4);
	--c-white-30: rgba(255,255,255,0.3);
	--c-white-20: rgba(255,255,255,0.2);
	--c-white-10: rgba(255,255,255,0.1);
	
	/* #990000 */
	--c-red-dark: rgba(153,0,0,1);
	--c-red-dark-90: rgba(153,0,0,0.9);
	--c-red-dark-80: rgba(153,0,0,0.8);
	--c-red-dark-70: rgba(153,0,0,0.7);
	--c-red-dark-60: rgba(153,0,0,0.6);
	--c-red-dark-50: rgba(153,0,0,0.5);
	--c-red-dark-40: rgba(153,0,0,0.4);
	--c-red-dark-30: rgba(153,0,0,0.3);
	--c-red-dark-20: rgba(153,0,0,0.2);
	--c-red-dark-10: rgba(153,0,0,0.1);
	
}

/* HEADERS */

.ecms-h1,
.ecms-h2
{
	font-family: var(--ff-serif);
	font-weight: bold;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
}

.ecms-h3,
.ecms-h4,
.ecms-h5,
.ecms-h6
{
	font-family: var(--ff-r);
	font-weight: bold;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-h2--sidebar-header {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e2e2e2;
	margin: 0 0 10px 0;
}

.ecms-h3--section-header {
	color: var(--c-black);
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
}

.ecms-h1 {
	color: var(--c-black);
	font-size: 35px;
	line-height: 42px;
}

/* QUICK BROWSE NAV */

.ecms-qb { 
	display: none; 
}	

.ecms-qb {
	color: #333333;
	font-family: var(--ff-serif);
	font-weight: bold;
	padding: 0px 10px;
	border-bottom: 1px solid #e2e2e2;
}

.ecms-qb:after {
	content: "";
	display: table;
	clear: both;
}

.ecms-qb ul {
	width: 1100px;
	display: block;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
}

.ecms-qb ul li {
	display: inline-block;
	font-size: 11px;
}

.ecms-qb ul li a {
	text-decoration: none;
	padding: 6px;
}

.ecms-qb ul li a:hover {
	color: var(--c-white);
	background-color: var(--c-s1);
}

/* SEARCH BOX */

.ecms-search--100w {
	width: auto !important;
}

.ecms-search--50w {
	max-width: 50% !important;
}

.ecms-search--center {
	margin: 0px auto !important;
}

#searchform {
	display: flex;
	flex-direction: row;
}
	
#s {
	float: none !important;
	
	padding: 20px !important;
	border: 1px solid #e2e2e2 !important;
	margin: 0px !important;
	}
	
#s-container label { 
	font-weight: bold;
	margin-right: 10px;
	}
	
#s-container input {
	padding: 40px !important;
	}
	
#searchsubmit {
	flex: 1;
	color: #ffffff;
	background: #333333;
	font-family: icomoon;
	font-weight: bold;
	padding: 6px 10px;
	border: none;
	text-transform: uppercase;
	transition: 0.5s ease all;
	}

#searchsubmit:hover {
	background: #990000;
	cursor: pointer;
}
	
#s-container span {
	margin-left: 10px;
	}

/*
* OBJECT TEASER
* Controls the display of the teaser/abstract in the List/Stack/Grid
*/

.ecms-object-teaser {
	font-family: var(--ff-serif);
	font-size: 20px !important;
	font-weight: bold !important;
	line-height: 27px !important;
}

.ecms-object-teaser-preview {
	font-family: var(--ff-rs) !important;
	font-size: 15px !important;
	font-weight: normal !important;
	line-height: 20px !important;
}

.ecms-object-teaser-preview span {
	font-family: var(--ff-r);
	font-size: 13px !important;
	font-weight: bold !important;
}

/* OBJECT LIST LAYOUT *//* VERIFY USAGE */

.ecms-object-list { 
	margin-bottom: 4px; 
}

.ecms-object-list li { 
	margin-bottom: 8px; 
}

/* OBJECT -- DATA LIST CONTAINER */

.ecms-data-list-container {
	font-size: 12px; line-height: 17px;
	padding: 0px;
	overflow: auto;
	}
	
.ecms-data-list-container h2.ecms-h2 {
	font-family: var(--ff-rs);
	font-size: 16px;
	padding: 0;
	margin-bottom: 20px !important;
	}
	
.ecms-data-list-container p { 
	margin-bottom: 15px;
	}

.ecms-data-list { 
	list-style-type: none !important;
	padding: 0;
	border: 1px solid #000000; 
	border-bottom: none;
	margin: 0px 0px 20px 0px !important;
	}
	
.ecms-data-list li {
	margin: 0px !important;
	}
	
.ecms-data-list-item {
	border-bottom: 1px solid #000000;
	padding: 8px;
	display: flex;
	flex-direction: column;
	}

.ecms-data-list-item span {
	margin: 0px;
}
	
.ecms-data-list-label {
	font-weight: bold;
	}
	
.ecms-data-list-container-archive {
	color: var(--c-black);
	padding: 0px;
	margin: 10px 0px 0px 10px !important;
	}
	
.ecms-data-list-container-archive .ecms-data-list {
	margin-bottom: 0px !important;
}
	
.ecms-data-list-container-archive .ecms-data-list-item {
	padding: 6px;
}

/* OBJECT -- SUPPLEMENTAL PANEL */

.ecms-object-supplemental-panel {}

.ecms-object-supplemental-panel-intro {
	font-weight: bold; 
	border-bottom: 1px solid #e2e2e2; 
	margin-bottom: 15px;
	}

.ecms-object-supplemental-item {
	border-bottom: 1px solid #e2e2e2; 
	margin-bottom: 15px;
	}

.ecms-object-supplemental-item > h3.item-title {
	font-weight: bold !important;
	font-size: 18px; 
	margin: 0 0 10px 0;
	}

.ecms-object-supplemental-item > p.item-link {
	font-weight: bold; 
	padding: 0; 
	margin: 0 0 10px 0;

	}
	
.ecms-object-supplemental-item > p.item-description {
	padding: 0; margin: 0 0 10px 0;
	}

/* MOBILE */

@media screen and (min-width: 900px) {
	
	.ecms-qb { display: block; }	

	.ecms-data-list-item {
		display: flex;
		flex-direction: row;
		}

	.ecms-data-list-label {
		/*width: 30%;*/
		flex: 0.75;
		}	

	.ecms-data-list-value {
		/*width: 30%;*/
		flex: 2.25;
		}	
}

/* NEW LAYOUT WITH GRID/FLEX */

.ecms-mobile-hide { display: none; }

/* EMCS GRID/FLEXBOX LAYOUT */

.ecms-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	
	grid-template-areas: 
		"image"
		"header"
		"article"
		"aside";
	
	margin-bottom: 50px;
	
}

.ecms-object--image {
	grid-area: image;
}

.ecms-object--header {
	grid-area: header;
}

.ecms-object--article {
	grid-area: article;
}

.ecms-object--aside {
	grid-area: aside;
}

.ecms-grid--media {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	margin-bottom: 50px;
	
	grid-template-areas: 
		"header"
		"figure"
		"article"
		"aside";
	
	grid-gap: 20px;

}

.ecms-object--header-media {
	grid-area: header;
	padding-top: 0px !important;
	margin-bottom: 0px !important;
}

.ecms-object--figure-media {
	grid-area: figure;
}

.ecms-grid--media .ecms-object--image-media {
	grid-area: figure;
}

.ecms-object--article-media {
	grid-area: article;
}

.ecms-grid--media .ecms-object--aside {
	grid-area: aside;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.ecms-grid--archive {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: 
		"header"
		"content"
		"list"
		"aside";
	grid-gap: 20px;
}

.ecms-grid--archive---header {
	grid-area: header;
}

.ecms-grid--archive---content {
	grid-area: content;
}

.ecms-grid--archive---list {
	grid-area: list;
	padding-top: 0px !important;
}

.ecms-grid--archive---aside {
	grid-area: aside;
}

.ecms-object--article-meta-media {
	padding: 0px;
}

.ecms-block {
	padding: 20px 0px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
}

.ecms-block-section {
	padding: 0px;
	border-bottom: none;
}

.ecms-block--staff-articles {
	padding-top: 0px;
}

/* CONTAINERS */

.ecms-object {
	max-width: 1100px;
}

/* FIGURE */

.ecms-object--image {
	padding: 0;
	margin: 0;	
}

.ecms-object--image--image-view-top {}

.ecms-object--image---frame {
	max-width: 300px;
	height: auto;
	margin: 0px auto;
	display: flex;
	justify-content: center;
}

.ecms-object--image---frame-media {
	max-width: 100%;
}

.ecms-object--image---frame img {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.ecms-object--image---caption {
	font-family: var(--ff-r);
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	padding: 20px;
	margin: 0px auto;
}

.ecms-object--image---caption p {
	font-family: var(--ff-serif);
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
}

.ecms-object--figure-media-embed {
	margin-bottom: 0px;
}

/* Header / Title / Role */

.ecms-object--header {
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}

.ecms-object--header---title {
	font-family: var(--ff-serif);
	padding: 0;
	margin: 0 0 10px 0;
}

.ecms-object--header---meta,
.ecms-object--header---meta p {
	font-family: var(--ff-serif);
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
}	

.ecms-object--header---meta {}

.ecms-object-grid--header---meta .ecms-object--meta---role {}
.ecms-object-grid--header---meta .ecms-object--meta---coverage {}

/* Tabs */

.ecms-object--header---tabs {
	font-family: var(--ff-sans);
	font-size: 13px;
	/*margin-top: 20px;*/
}

.ecms-object--header---tabs a {
	display: block;
	color: var(--c-white) !important;
	font-weight: bold;
	padding: 4px;
	background: var(--c-black-50);
	text-decoration: none !important;
	margin-right: 4px;
	margin-bottom: 2px;
}

.ecms-object--header---tabs a:hover {
	color: var(--c-white) !important;
	background: var(--c-black);
}

.ecms-object--header---tabs a.ecms-active-view {
	color: var(--c-white) !important;
	background: var(--c-red-dark);
}

/* Article / Abstract / Body */

.ecms-object--article {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.ecms-object--article---abstract {
	margin-bottom: 20px;
}

.ecms-object--article---abstract p {
	font-family: var(--ff-serif);
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
}

.ecms-object--article---body {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.ecms-object--article---body p {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 15px;
}

/* Article Supplemental */

.ecms-object--article---authors {
	font-family: var(--ff-r);
	font-size: 14px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
}

.ecms-object--article---authors ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.ecms-object--article---authors ul li a {
	font-weight: bold;
	color: var(--c-black);
}

.ecms-object--article---authors ul li a:hover {
	text-decoration: underline;
}

.ecms-object--article---share {
	font-size: 12px;
	padding: 0px 0px 16px 0px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.ecms-object--article---share-social {
	padding: 4px 4px 0px 0px;
	border: none;
	border-right: 1px solid #e2e2e2;
	margin: 0;
}

.ecms-object--article---share-time {
	padding: 8px 0px 0px 10px;
	border: none;
	margin: 0;
	
	color: var(--c-black);
	font-family: var(--ff-r);
	font-weight: bold;
	
}

.ecms-object--article---share-time:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	content: "\f017";
}

.ecms-object--article---dates {
	font-size: 12px;
}

.ecms-object--article---dates ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.ecms-object--article---citations {
	padding-top: 0px;
	margin-bottom: 20px;
}

.ecms-object--article---citations ul {
	font-size: 12px !important;
	line-height: 17px !important;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.ecms-object--article---citations ul li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}

/* Metadata */

.ecms-object--meta {
	margin-bottom: 0;
}
.ecms-object--meta ul {}
.ecms-object--meta ul li {}
.ecms-object--meta ul li span {}
.ecms-object--meta ul li span.label {}
.ecms-object--meta ul li span.value {}

/* ASIDE */

.ecms-object--aside {
	padding: 20px 0px;
	/*border: 1px solid #e2e2e2;*/
	margin-bottom: 0;
}

.ecms-object--aside---section {
	background-color: #e2e2e2;
	border: 1px solid var(--c-black-50);
	padding: 10px 10px 5px 10px;
	margin-bottom: 20px;
}

.ecms-object--aside---section .ecms-block {
	padding: 0;
	border: none;
	margin: 0;
}

.ecms-object--aside---section nav {}

.ecms-object--aside---section nav p {
	font-family: var(--ff-r);
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 6px 0px 6px 0px;
}

.ecms-object--aside---section nav p a {
	color: var(--c-black);
	text-decoration: none;
}

.ecms-object--aside---section nav p a:hover {
	text-decoration: underline;
}

/* pagenavi */
.wp-pagenavi {
	font-family: var(--ff-r);
	font-size: 11px;
}


/* eCMS List -- Items */

.ecms-list--items {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}

.ecms-list--items li {
	font-size: 12px;
	font-family: var(--ff-r) !important;
	margin: 0;
	padding: 0;
}
	
.ecms-list--items li a {
	display: inline-block;
	width: 100%;
	font-weight: bold;
	color: var(--c-black);
	text-decoration: none;
	padding: 0px;
}

.ecms-list--items li a:hover {
	color: var(--c-s1);
}

.ecms-list--items article {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 16px;
	transition: 0.5s ease all;
}
	
.ecms-list--items article:hover {
	border-bottom-color: var(--c-s1);
}

.ecms-list--items article a {
	text-decoration: none;
}

.ecms-list--items article a header {
	font-family: var(--ff-r);
	color: var(--c-black);
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 4px;
}

.ecms-list--items article:hover a header,
.ecms-list--items article:hover p strong {
	color: var(--c-s1);
}

.ecms-list--items article a .article-body p {
	color: var(--c-black);
	font-size: 15px;
	line-height: 20px;
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
}

/* ecms list -- indicators */

.ecms-object--indicator {
	position: relative;
	padding-left: 50px;
}

.ecms-object--indicator:after {
	position: absolute;
	top: 10px;
	left: 0;
	content: '';
	width: 40px;
	color: var(--c-black);
	background: var(--c-white);
	text-align: center;
	/*font-family: FontAwesome;*/
	font-family: 'Font Awesome 5 Free';
	font-size: 1.5rem;
}

/* entry icon */
.ecms-object--indicator-entry:after {
	/*content: '\f016';*/
	content: '\f15b';
}
.fa-file-o:before, .fa-file:before { display: none; }

/* overview icon */
.ecms-object--indicator-overview:after {
	content: '\f0c5';
}
.fa-copy:before, .fa-files-o:before { display: none; }

/* image icon */
.ecms-object--indicator-image:after {
	content: '\f1c5';
}
.fa-file-image-o:before, .fa-file-image:before, .fa-file-photo-o:before, .fa-file-picture-o:before { 
	display: none; 
}

/* document icon */
.ecms-object--indicator-document:after {
	content: '\f15c';
}
.fa-file-alt:before, .fa-file-text-o:before, .fa-file-text:before {
	display: none;
}

/* reference icon */
.ecms-object--indicator-ecms-reference:after {
	content: '\f02e';
	content: '\f02d';
}

.fa-book:before {
	display: none;
}

/* video icon */
.ecms-object--indicator-video:after {
	content: '\f03d';
}

.fa-video-camera:before, .fa-video:before {
	display: none;
}

/* interactive icon */

.ecms-object--indicator-interactive:after {
	content: '\f085';
}

.fa-cogs:before {
	display: none;
}

/* recording icon */

.ecms-object--indicator-recording:after {
	content: '\f025';
}

.fa-headphones:before {
	display: none;
}

.ecms-object--indicator:hover:after {
	color: var(--c-s1);
	text-shadow: 0px 0px 8px #cccccc;
}
	
/* ecms list -- stack */

.ecms-list--stack {}

.ecms-list--stack article {
	padding-bottom: 16px !important;
	border-bottom: 1px solid #000000 !important;
	margin-bottom: 16px !important;
	transition: 0.5s ease all;
}

.ecms-list--stack article:hover {
	border-color: var(--c-s1);
}

.ecms-list--stack article a.stack-link,
.ecms-list--stack article div.stack-link {
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}

.ecms-list--stack figure {
	min-width: 80px;
	padding: 10px;
	border: 1px solid #e2e2e2;
}

.ecms-list--stack figure img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.ecms-list--stack header {
	color: var(--c-black);
	font-family: var(--ff-r);
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	text-align: center;
	transition: 0.5s ease all;
}

.ecms-list--stack header p {
	font-family: var(--ff-r);
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
}

.ecms-list--stack article:hover header,
.ecms-list--stack article:hover p strong {
	color: var(--c-s1);
}

.ecms-list--stack .article-body {
	color: var(--c-black);
	margin: 0;
}

.ecms-list--stack .article-body p {
	color: var(--c-black);
	font-size: 16px;
	line-height: 21px;
	margin: 0;
}

.ecms-list--stack-small header {
	font-family: var(--ff-serif);
	font-size: 16px !important;
	line-height: 21px !important;
}

.ecms-list--stack-small .article-body p {
	font-family: var(--ff-serif);
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: bold;
}

.ecms-list--grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

a.grid-link {
	max-width: 25%;
	width: 25%;
	height: auto;
}

a.grid-link:hover {}

a.grid-link figure {
	background: var(--c-white);
	margin: 4px 4px 2px 0px;
	transition: 0.5s ease all;
	padding: 0px;
	border-bottom: 4px solid #e2e2e2;
}

a.grid-link figure:hover {
	border-color: var(--c-s1);
}

a.grid-link figure img {
	width: 100%;
	height: auto;
	transition: 0.5s ease all;
	margin: 0px;
}

/* ecms cards */
/* https://css-tricks.com/snippets/css/css-grid-starter-layouts/ */

.ecms-cards,
.ecms-cards--small,
.ecms-cards--medium,
.ecms-cards--large {
	display: flex;
	flex-direction: column;
}

.ecms-cards--featured {
	grid-gap: 10px;
}

.ecms-card,
.ecms-card--small,
.ecms-card--medium,
.ecms-card--large {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 10px;
	transition: 0.5s ease all;
}

.ecms-card,
.ecms-card--small {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: 1px solid #e2e2e2;
}

.ecms-card:hover,
.ecms-card--small:hover {
	border-color: var(--c-s1);
	box-shadow: 0px 0px 8px #cccccc;
}

.ecms-card--with-links:hover {
	border: 1px solid #e2e2e2;
	box-shadow: none;
}

.ecms-card--link {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
}

.ecms-card--figure {
	min-height: 200px;
	background-color: #e2e2e2;
	background-position: center center;
	background-size: cover;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
	margin: 0;
	transition: 0.5s ease all;
}

.ecms-card--article-header {
	padding: 20px;
	padding-bottom: 0px;
}

.ecms-card--article-header h2 {
	color: var(--c-black) !important;
	font-family: var(--ff-r) !important;
	font-weight: bold !important;
	padding: 0px !important;
	margin: 0px 0px 10px 0px !important;
	transition: 0.5s ease all;
}

.ecms-card--article-body {
	flex: 1;
	font-size: 14px;
	line-height: 21px;
	padding: 0px 20px;
}

.ecms-card--article-body p {
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
}

.ecms-card--nav {
	padding: 20px;
	border-top: 1px solid #e2e2e2;
	margin-bottom: 0px;
}

.ecms-card--nav ul {
	font-family: var(--ff-r);
	list-style-type: none;
	padding: 0px 4px;
	margin: 0 0 10px 0;
}
.ecms-card--nav ul li {}
.ecms-card--nav ul a {
	color: var(--c-black);
	font-weight: bold;
}

.ecms-card--nav ul a:hover {
	color: var(--c-s1);
}

.ecms-card:hover .ecms-card--figure,
.ecms-card--small:hover .ecms-card--figure {
	border-color: var(--c-s1);
}

.ecms-card:hover .ecms-card--article-header h2,
.ecms-card--small:hover .ecms-card--article-header h2 {
	color: var(--c-s1) !important;
	border-color: var(--c-s1);
}

.ecms-card--with-links:hover .ecms-card--article-header h2 {
	color: var(--c-black) !important;
	border-color: #e2e2e2 !important;
}

.ecms-card--with-links:hover .ecms-card--nav ul li a {
	color: var(--c-s1);
}

.ecms-card--with-links:hover .ecms-card--nav ul li a:after {
	color: var(--c-white);
	display: inline-block;
	content: '»';
	margin-left: 0px;
	transition: 0.5s ease all;
}

.ecms-card--with-links:hover .ecms-card--nav ul li a:hover:after {
	color: var(--c-s1);
	display: inline-block;
	content: '»';
	margin-left: 4px;
}

/* AUTHOR LIST */

.ecms-authors--list {
	margin-bottom: 20px;
}

@media only screen and (min-width: 480px){
	
	.ecms-authors--list {
		column-count: 2;
		column-gap: 10px;
	}	
	
}

@media only screen and (min-width: 760px){
	
	.ecms-authors--list {
		column-count: 3;
	}	
	
}

/* SIMPLE LIGHTBOX */

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	box-shadow: none !important;
	border-radius: none !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
	padding: 0px !important;
}


#slb_viewer_wrap .slb_theme_slb_black .slb_group_status { display: none; }

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
	font-family: var(--ff-serif) !important;
	font-weight: bold !important;
	font-size: 18px !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_details .slb_data {
	padding: 10px !important;
}

.slb_template_tag_item_description {
	font-weight: bold !important;
	font-size: 14px !important;
}

@media only screen and (min-width: 480px){
	
	.ecms-data-list-media {
		margin: 0px 20px !important;
	}
	
	/* eCMS List -- Stack */

	.ecms-list--stack {}

	.ecms-list--stack article {
		display: flex;
		flex-direction: column;
	}

	.ecms-list--stack article a.stack-link,
	.ecms-list--stack article div.stack-link {

		display: grid;
		
		grid-template-columns: 110px auto;
		grid-template-columns: 110px 1fr;
		
		/*
		grid-template-columns: 1fr 3fr;
		grid-template-rows: 0.5fr 1.5fr;
		
		grid-template-areas: 
			"figure header header header"
			"figure article article article";
		*/
		
		grid-template-rows: auto auto;

		display: -ms-grid;
		-ms-grid-columns: 1fr 4fr;
		-ms-grid-rows: 2em 1fr;

	}

	.ecms-list--stack figure {
		max-width: 100px;
		margin: 0 10px 0 0;
		
		grid-column: 1;
		grid-row: 1 / span 2;

		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		
		padding: 4px;
		border: 1px solid #e2e2e2;


	}

	.ecms-list--stack figure img {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0;
	}

	.ecms-list--stack header {
		text-align: left;

		grid-column: 2;
		grid-row: 1;

		
		-ms-grid-column: 2;
		-ms-grid-row: 1;

	}

	.ecms-list--stack .article-body {
		color: var(--c-black);

		grid-column: 2;
		grid-row: 2 / span 6;
		
		-ms-grid-column: 2;
		-ms-grid-row: 2;		

	}

	.ecms-list--stack .article-body p {}

	/* medium stack */

	.ecms-list--stack-medium {}

	.ecms-list--stack-medium article a.stack-link,
	.ecms-list--stack-medium article div.stack-link {
		grid-template-columns: 130px auto;
		-ms-grid-columns: 1fr 4fr;
	}

	.ecms-list--stack-medium figure {
		min-width: 120px;
	}

	.ecms-list--stack-medium header {
		font-size: 14px;
		line-height: 19px;
	}

	.ecms-list--stack-medium .article-body p {
		font-size: 12px;
		line-height: 17px;
	}

	/* large stack */

	.ecms-list--stack-large {
		margin-bottom: 20px;
	}
	
	.ecms-list--stack-large article a.stack-link,
	.ecms-list--stack-large article div.stack-link {
		grid-template-columns: 150px auto;
		-ms-grid-columns: 1fr 3fr;
	}

	.ecms-list--stack-large figure {
		max-width: 120px;
	}

	.ecms-list--stack-large .article-body p {
		font-size: 13px;
		line-height: 18px;
		font-weight: normal;
	}

	/* medium */

	.ecms-list--grid-medium a.grid-link {
		width: 120px;
		height: 120px;
	}

	/* large */

	.ecms-list--grid-large a.grid-link {
		width: 140px;
		height: 140px;
	}	
	
	/* ecms grid cards */
	
	.ecms-cards,
	.ecms-cards--small,
	.ecms-cards--medium,
	.ecms-cards--large {
		/* grid */
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-gap: 10px;
	}	
	
	.ecms-card,
	.ecms-card--small {
		margin-bottom: 0;
	}
	
	/* ie11 implementation */
	/* 
	https://msdn.microsoft.com/en-us/library/hh673533(v=vs.85).aspx
	https://stackoverflow.com/questions/45484006/css-grid-syntax-to-support-ie10-11
	*/
	.ecms-cards--medium {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr;
		-ms-grid-rows: auto;
	}
	
	.ecms-cards--featured {
		grid-template-rows: auto;
	}

	.ecms-card-count-1 { -ms-grid-column: 1; -ms-grid-row: 1; }
	.ecms-card-count-2 { -ms-grid-column: 2; -ms-grid-row: 1; }
	.ecms-card-count-3 { -ms-grid-column: 1; -ms-grid-row: 2; }
	.ecms-card-count-4 { -ms-grid-column: 2; -ms-grid-row: 2; }
	.ecms-card-count-5 { -ms-grid-column: 1; -ms-grid-row: 3; }
	.ecms-card-count-6 { -ms-grid-column: 2; -ms-grid-row: 3; }
	.ecms-card-count-7 { -ms-grid-column: 1; -ms-grid-row: 4; }
	.ecms-card-count-8 { -ms-grid-column: 2; -ms-grid-row: 4; }
	.ecms-card-count-9 { -ms-grid-column: 1; -ms-grid-row: 5; }
	.ecms-card-count-10 { -ms-grid-column: 2; -ms-grid-row: 5; }
	.ecms-card-count-11 { -ms-grid-column: 1; -ms-grid-row: 6; }
	.ecms-card-count-12 { -ms-grid-column: 2; -ms-grid-row: 6; }
	.ecms-card-count-13 { -ms-grid-column: 1; -ms-grid-row: 7; }
	.ecms-card-count-14 { -ms-grid-column: 2; -ms-grid-row: 7; }
	.ecms-card-count-15 { -ms-grid-column: 1; -ms-grid-row: 8; }
	.ecms-card-count-16 { -ms-grid-column: 2; -ms-grid-row: 8; }
	.ecms-card-count-17 { -ms-grid-column: 1; -ms-grid-row: 9; }
	.ecms-card-count-18 { -ms-grid-column: 2; -ms-grid-row: 9; }
	.ecms-card-count-19 { -ms-grid-column: 1; -ms-grid-row: 10; }
	.ecms-card-count-20 { -ms-grid-column: 2; -ms-grid-row: 10; }
	.ecms-card-count-21 { -ms-grid-column: 1; -ms-grid-row: 11; }
	.ecms-card-count-22 { -ms-grid-column: 2; -ms-grid-row: 11; }
	.ecms-card-count-23 { -ms-grid-column: 1; -ms-grid-row: 12; }
	.ecms-card-count-24 { -ms-grid-column: 2; -ms-grid-row: 12; }
	.ecms-card-count-25 { -ms-grid-column: 1; -ms-grid-row: 13; }
	.ecms-card-count-26 { -ms-grid-column: 2; -ms-grid-row: 13; }
	.ecms-card-count-27 { -ms-grid-column: 1; -ms-grid-row: 14; }
	.ecms-card-count-28 { -ms-grid-column: 2; -ms-grid-row: 14; }
	.ecms-card-count-29 { -ms-grid-column: 1; -ms-grid-row: 15; }
	.ecms-card-count-30 { -ms-grid-column: 2; -ms-grid-row: 15; }
	.ecms-card-count-31 { -ms-grid-column: 1; -ms-grid-row: 16; }
	.ecms-card-count-32 { -ms-grid-column: 2; -ms-grid-row: 16; }
	.ecms-card-count-33 { -ms-grid-column: 1; -ms-grid-row: 17; }
	.ecms-card-count-34 { -ms-grid-column: 2; -ms-grid-row: 17; }
	.ecms-card-count-35 { -ms-grid-column: 1; -ms-grid-row: 18; }
	.ecms-card-count-36 { -ms-grid-column: 2; -ms-grid-row: 18; }
	.ecms-card-count-37 { -ms-grid-column: 1; -ms-grid-row: 19; }
	.ecms-card-count-38 { -ms-grid-column: 2; -ms-grid-row: 19; }
	.ecms-card-count-39 { -ms-grid-column: 1; -ms-grid-row: 20; }
	.ecms-card-count-40 { -ms-grid-column: 2; -ms-grid-row: 20; }
	.ecms-card-count-41 { -ms-grid-column: 1; -ms-grid-row: 21; }
	.ecms-card-count-42 { -ms-grid-column: 2; -ms-grid-row: 21; }
	

}

@media only screen and (min-width: 769px){
	
	.ecms-mobile-only { display: none; }
	.ecms-mobile-hide { display: block; }

	.ecms-grid {
		/*
		grid-template-columns: 2fr 1fr;
		grid-template-rows: auto auto 1fr 1fr;
		*/
		
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto 1fr 1fr;
		grid-gap: 20px;
		
		grid-template-areas: 
			"header header header"
			"article article image"
			"article article aside"
			"article article aside"
			;

		margin: 0px auto;

		display: -ms-grid;
		-ms-grid-columns: 2fr 1fr;
		-ms-grid-rows: auto auto 1fr 1fr;
	}	
	
	.ecms-object--header {
		
		margin-bottom: 0px;
		/*
		grid-column: 1 / span 2;
		grid-row: 1;
		*/
		
		
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 1;
		
		
	}
	
	.ecms-object--header---meta {
		margin-bottom: 20px !important;
	}

	.ecms-object--image {
		/*
		grid-column: 2;
		grid-row: 2;
		*/
		
		padding: 0;
		margin-bottom: 0px;

		-ms-grid-column: 2;
		-ms-grid-row: 2;
		
	}


	.ecms-object--article {

		padding-right: 30px;
		margin-right: 0px !important;
		/*
		grid-column: 1;
		grid-row: 2 / span 20;
		*/
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 20;			

	}
	
	.ecms-object--article---abstract {
		padding-top: 0;
	}

	.ecms-object--aside {
		
		padding: 0px;
		border: none;
		
		/*
		grid-column: 2;
		grid-row: 3 / span 3;
		*/
		
		-ms-grid-column: 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;

	}

	.ecms-object--header---tabs a {
		display: inline-block;
		font-weight: bold;
		padding: 8px 8px;
		background: #e2e2e2;
		text-decoration: none;
		margin-bottom: 0px;	
	}

	.ecms-object--image---frame {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	
	.ecms-grid--media {
		
		grid-template-columns: 2fr 1fr;
		grid-template-rows: auto;
		
		grid-template-areas: 
			"header header"
			"figure figure"
			"article aside";
		
		display: -ms-grid;
		-ms-grid-columns: 2fr 1fr;
		-ms-grid-rows: 1fr;
		
	}
	
	.ecms-object--header-media {}
	
	.ecms-object--figure-media {
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: none;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.ecms-object--article-media {
		display: flex;
		flex-direction: column;
	}http://scdev.com/sce/images/at-coker/
	
	.ecms-object--article-meta-media {}
	.ecms-object--article---share-media {}
	.ecms-object--article-meta-list {}
	
	.ecms-object--aside-media {}
	
	.ecms-grid--archive {
		grid-template-columns: 2fr 1fr;
		grid-template-rows: auto;
		grid-template-areas: 
			"header header"
			"content aside"
			"list aside";
	}

	.ecms-list--cards,
	.ecms-list--cards-small {}
	
	.ecms-cards--medium {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
	}
	
	/* ecms grid cards */
	
	.ecms-cards,
	.ecms-cards--small,
	.ecms-cards--medium,
	.ecms-cards--large {
		/* grid */
		grid-template-columns: 1fr 1fr 1fr;
	}	
	
	.ecms-object--image---caption {
		padding: 10px 10px 20px 10px;
		padding-bottom: 0px;
	}
	
	.ecms-object--image---caption p {
		text-align: left;
	}
	
	/* ie11 implementation */
	.ecms-cards--medium {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		-ms-grid-rows: auto;

		/*border: 1px solid blue;*/
		
	}

	.ecms-card-count-1 { -ms-grid-column: 1; -ms-grid-row: 1; }
	.ecms-card-count-2 { -ms-grid-column: 2; -ms-grid-row: 1; }
	.ecms-card-count-3 { -ms-grid-column: 3; -ms-grid-row: 1; }
	.ecms-card-count-4 { -ms-grid-column: 1; -ms-grid-row: 2; }
	.ecms-card-count-5 { -ms-grid-column: 2; -ms-grid-row: 2; }
	.ecms-card-count-6 { -ms-grid-column: 3; -ms-grid-row: 2; }
	.ecms-card-count-7 { -ms-grid-column: 1; -ms-grid-row: 3; }
	.ecms-card-count-8 { -ms-grid-column: 2; -ms-grid-row: 3; }
	.ecms-card-count-9 { -ms-grid-column: 3; -ms-grid-row: 3; }
	.ecms-card-count-10 { -ms-grid-column: 1; -ms-grid-row: 4; }
	.ecms-card-count-11 { -ms-grid-column: 2; -ms-grid-row: 4; }
	.ecms-card-count-12 { -ms-grid-column: 3; -ms-grid-row: 4; }
	.ecms-card-count-13 { -ms-grid-column: 1; -ms-grid-row: 5; }
	.ecms-card-count-14 { -ms-grid-column: 2; -ms-grid-row: 5; }
	.ecms-card-count-15 { -ms-grid-column: 3; -ms-grid-row: 5; }
	.ecms-card-count-16 { -ms-grid-column: 1; -ms-grid-row: 6; }
	.ecms-card-count-17 { -ms-grid-column: 2; -ms-grid-row: 6; }
	.ecms-card-count-18 { -ms-grid-column: 3; -ms-grid-row: 6; }
	.ecms-card-count-19 { -ms-grid-column: 1; -ms-grid-row: 7; }
	.ecms-card-count-20 { -ms-grid-column: 2; -ms-grid-row: 7; }
	.ecms-card-count-21 { -ms-grid-column: 3; -ms-grid-row: 7; }
	.ecms-card-count-22 { -ms-grid-column: 1; -ms-grid-row: 8; }
	.ecms-card-count-23 { -ms-grid-column: 2; -ms-grid-row: 8; }
	.ecms-card-count-24 { -ms-grid-column: 3; -ms-grid-row: 8; }
	.ecms-card-count-25 { -ms-grid-column: 1; -ms-grid-row: 9; }
	.ecms-card-count-26 { -ms-grid-column: 2; -ms-grid-row: 9; }
	.ecms-card-count-27 { -ms-grid-column: 3; -ms-grid-row: 9; }
	.ecms-card-count-28 { -ms-grid-column: 1; -ms-grid-row: 10; }
	.ecms-card-count-29 { -ms-grid-column: 2; -ms-grid-row: 10; }
	.ecms-card-count-30 { -ms-grid-column: 3; -ms-grid-row: 10; }
	.ecms-card-count-31 { -ms-grid-column: 1; -ms-grid-row: 11; }
	.ecms-card-count-32 { -ms-grid-column: 2; -ms-grid-row: 11; }
	.ecms-card-count-33 { -ms-grid-column: 3; -ms-grid-row: 11; }
	.ecms-card-count-34 { -ms-grid-column: 1; -ms-grid-row: 12; }
	.ecms-card-count-35 { -ms-grid-column: 2; -ms-grid-row: 12; }
	.ecms-card-count-36 { -ms-grid-column: 3; -ms-grid-row: 12; }
	.ecms-card-count-37 { -ms-grid-column: 1; -ms-grid-row: 13; }
	.ecms-card-count-38 { -ms-grid-column: 2; -ms-grid-row: 13; }
	.ecms-card-count-39 { -ms-grid-column: 3; -ms-grid-row: 13; }
	.ecms-card-count-40 { -ms-grid-column: 1; -ms-grid-row: 14; }
	.ecms-card-count-41 { -ms-grid-column: 2; -ms-grid-row: 14; }
	.ecms-card-count-42 { -ms-grid-column: 3; -ms-grid-row: 14; }

}
	
@media only screen and (min-width: 850px){
	
	/* ecms grid cards */
	
	.ecms-cards,
	.ecms-cards--small,
	.ecms-cards--medium,
	.ecms-cards--large {
		/* grid */
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}	
	
	.ecms-cards--medium {
		/* grid */
		grid-template-columns: 1fr 1fr 1fr;
	}
	
}