.articleList{margin-bottom: 2em;font-size:18px;line-height: 1.25em; border-top:1px solid #CCC; margin-top:2em; padding-top:2em;}

/*Jump to topic list*/
.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}

/*Jump to articlelist under H1*/
a.articleListJumpTo{
	display:inline-block; margin-bottom:1em;
	 text-decoration:none;
	 background:#f9f9f9;
	 border:1px solid #DDD;
	 padding:.3em .5em .15em;
}

.articleListSearchWrapper{
	grid-column:1 / span 2;
	margin-bottom:1em;
	line-height:1em;
}

.articleListSearchWrapper .input-group{max-width:250px;}
.articleListSearchWrapper label{position: absolute; left:-50000px}
.articleListSearchWrapper input{padding: 8px 12px 4px; min-height: 44px;}
.articleListSearchField{border-radius:3px !important;}
.articleListSearchCount{margin-top: 1em;margin-left: .5em;margin-bottom:.5em;font-size:.9em;color:#333;font-family: "BryantPro";line-height:1em;}
.articleListSearchResults{margin-left:5px;}

/* Responsive styles for articleListSearchField */
@media screen and (max-width: 400px) {
    .articleListSearchField {
		margin-bottom: 1em !important;
	}
	.input-group-btn {
		
	}
}

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

.articleList h2{margin-top:0em; padding-top:0em}

.articleList div.date{font-family: "BryantPro"; font-size:.75em;}
.articleList div.topic{margin-bottom: 0em; font-family: "BryantPro"; font-weight:bold;}
.articleList div.link{margin:0em;;display: block; position:relative;}
.articleList div.link[hidden]{display:none}
.articleList div.link:first-child{margin-top:-.4em}

	.articleList div.link a{font-family:"Elena";text-decoration: none !important;display:block;line-height: 1.15em;padding:.5em;}	
	.articleList div.link a:hover{text-decoration:none !important; background:rgba(114,180,49,.05); transition:.1s}

		.articlelist div.link a:before{content:" "; background:rgba(114,180,49,0); border-radius:3px;display:block; width:5px; height:100%; position:absolute; top:0px; left:-5px; transition:.1s}
		.articlelist div.link a:hover:before{background:rgba(114,180,49,1)}

		.articleList div.link a:hover>.title{text-decoration:underline !important; color:#006685 !important}

		.articleList div.link a>.description{margin-top:5px;margin-bottom:3px;display:none;color:#000;font-size:.8em;padding: 0em 0em .2em;font-family:"BryantPro";}
		.articlelist[articleListShowLinkDescriptions="true"] div.link a>.description{display:block !important;}

		.articleList div.link a>.info{display:block; font-size:.65em; margin-top:.1em; line-height:.65em; color:#737373; font-family: "BryantPro"; font-style:italic;}
		.articleList div.link a>.info>*{margin-right:1em}
		.articleList div.link a>.info .date:before{content:"Published: "}	
		.articleList div.link a>.info .topic:before{content:"Topic: "}	

.articleList .articleListWrapper[hidden]{display:none}

.articleList .articleListWrapper .articleListAllHiddenWrapper{grid-column-start:1 !important; grid-column-end:3; font-style:italic;}
.articleList .articleListWrapper .articleListShowAllWrapper{grid-column-start:2; -ms-grid-column:3}
.articleList .articleListWrapper .articleListAllHiddenWrapper+.articleListShowAllWrapper{grid-column-start:1 !important; -ms-grid-column:1 !important;}
.articleList .articleListWrapper .articleListShowAll{margin-top:0em; color:#000; }
.articleList .articleListWrapper .articleListShowAll:hover{background:#d9d9d9; color:#000;}		

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

.articleList[articleListType="topicDate"] div[topic]{
	display:grid;
	grid-template-columns: min-content 1fr; 
	grid-column-gap:1em
}
.articleList[articleListType="topicDate"] div[topic] h3{
	grid-column:1/3;
}


.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;padding: 0em;margin: 0em;border-top: none;}
.articleList[articleListType="tool"] div.articleListWrapper{display:none}
.articleList[articleListType="tool"] div.articleListSearchWrapper{border-left: 0.25em solid #69a42d;background: #69a42d08;padding: 0.5em 1.5em;margin: 1em 0em;padding:1.5em;font-size:1em;border: none;border-left: 0.25em solid #69a42d;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .toolHeader{margin-bottom:.5em;font-family: "Bryant Pro";color: #000;font-weight: bold;font-size: 1.33em;display: inline-block;margin: 0 0 .5 0;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .toolInstruction{margin-bottom:.66em}
.articleList[articleListType="tool"] div.articleListSearchWrapper div.articleListSearchResults{margin-left:0em;border-left:none;padding-left:0em;margin-left: -10px;}
.articleList[articleListType="tool"] div.articleListSearchWrapper .input-group{max-width:300px;}
.articleList[articleListType="tool"] div.articleListSearchWrapper button{font-weight: bold}
.articleList[articleListType="tool"] div.articleListSearchWrapper input,
.articleList[articleListType="tool"] div.articleListSearchWrapper button.articleListSearchClear{background:#FFF; border:1px solid rgba(150,150,150,1) !important; height:40px;padding-bottom:3px}
.articleList[articleListType="tool"] div.articleListSearchWrapper button.articleListSearchShowAll{height:40px;border:none;padding-bottom:2px}
.articleList[articleListType="tool"] div.articleListSearchWrapper div.link:first-child{margin-top:1em;}
.articleList[articleListType="tool"] div.articleListSearchWrapper div.link a{padding: .6em .5em;}
.articleList[articleListType="tool"] div.articleListSearchWrapper div.link a .title+.info{margin-top:.25em}
.articleList[articleListType="tool"] div.link a:hover:before{margin-left:-.125em}

/*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; margin-bottom:1em}