.articleList{margin-bottom: 2em;font-size:18px;line-height: 1.25em;}

.articleList .articleListJumpList{font-size:12px;}
.articleList .articleListJumpList:before{content:"Jump To..."; color:#737373;}
.articleList .articleListJumpList a{margin-left:1em; display: inline-block; text-decoration: none !important}
.articleList .articleListJumpList a:hover{text-decoration: underline !important}

.articleListSearchWrapper{
	grid-column:1 / span 2;
	margin-bottom:1em;
	font-size:15px;
	line-height:1em;
}
.articleListSearchWrapper a{text-decoration: none !important}
.articleListSearchWrapper a:hover{text-decoration: underline !important}

.articleListSearchWrapper .input-group{max-width:250px;}
.articleListSearchWrapper div.info{margin-top:0em !important;margin-bottom: .75em !important;}
.articleListSearchWrapper label{position: absolute; left:-50000px}
.articleListSearchField{border-radius:3px !important;}
.articleListSearchCount{margin-top:1.5em; margin-bottom:.5em; font-size:10px; color:#737373; font-family: "BryantPro"; line-height:1em;}
.articleListSearchResults{margin-left:1em;}

.articleListWrapper{
	display: grid; 
	grid-template-columns: auto auto; 
	justify-content:start;
	grid-column-gap:1em;}

.articleList .articleListWrapper div.date{font-family: "BryantPro"; font-size:.75em;}
.articleList .articleListWrapper div.topic{margin-bottom: 0em; font-family: "BryantPro"; font-style:italic; font-size:.75em;}
.articleList .articleListWrapper div.link{margin-bottom: .5em;display: block;}
.articleList .articleListWrapper div.link:first-child{margin-top:.2em}
.articleList .articleListWrapper a{font-family:"Elena"; text-decoration: none !important}	
.articleList .articleListWrapper a:hover{text-decoration: underline !important}

.articleList .articleListWRapper .articleListShowAllWrapper{grid-column-start:2; -ms-grid-column:3}
.articleList .articleListWrapper .articleListShowAll{margin-top:0em; color:#000; }
.articleList .articleListWrapper .articleListShowAll:hover{background:#d9d9d9; color:#000;}

.articleList div.info{margin-top: -.75em;margin-bottom:0em;font-size:10px;color:#737373;font-family: "BryantPro";}
.articleList div.info span{margin-right:1em}
.articleList div.info span.date:before{content:"Published: "}	
.articleList div.info span.topic:before{content:"Topic: "}			

.articleList[articleListType="title"] .articleListWrapper,
.articleList[articleListType="topic"] .articleListWrapper,
.articleList[articleListType="topicDate"] .articleListWrapper{
	display: block;
}

.articleList[articleListType="topicDate"] div.topic{
	grid-column:1 / span 2
}
.articleList[articleListType="topicDate"] div.topicWrapper{
	display:grid;
	grid-template-columns: min-content 1fr; 
	grid-column-gap:1em
}
.articleList[articleListType="topicDate"] div.topicWrapper>div{margin-bottom:.5em}

.articleList[articleListType="topicDate"] div.topic,
.articleList[articleListType="topic"] div.topic{font-size:1.25em;font-style:normal;font-weight: bold;margin-bottom: .5em;}	

.articleList[articleListType="tool"] {margin-left:0px}
.articleList[articleListType="tool"] div.articleListWrapper{display:none}
.articleList[articleListType="tool"] div.articleListSearchWrapper{background:#f9f9f9; padding:1.5em; border-radius:3px; font-size:1em; border:1px solid #ddd;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .toolHeader{display: block;margin-bottom:.5em; font-size:1.25em; font-family:"BryantPro"; font-weight: bold;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .toolInstruction{margin-bottom:.66em}
.articleList[articleListType="tool"] div.articleListSearchWrapper div.articleListSearchResults{margin-left:0em;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .input-group{max-width:300px;}
.articleList[articleListType="tool"] div.articleListSearchWrapper button{font-weight: bold}
.articleList[articleListType="tool"] div.articleListSearchWrapper button.articleListSearchClear{background:#FFF; border:1px solid rgb(204,204,204)}
.articleList[articleListType="tool"] div.articleListSearchWrapper button.articleListSearchShowAll{border:none;}

/*IE11*/
.articleListWrapper, .articleList div.topicWrapper{
	display: -ms-grid;
	-ms-grid-columns: min-content 1em 1fr;
}
.articleList[articleListType="topicDate"] div.topicWrapper{
	display: -ms-grid;
	-ms-grid-columns: min-content 1em 1fr;	
}
.articleListWrapper div.date{-ms-grid-column:1}
.articleListWrapper div.links{-ms-grid-column:3}