/*** resources links ***/

.resources-links {
	position: relative;
	margin-top: 1em;
	margin-bottom: 30px;
	padding: 1em;
	text-decoration: none;
	color: white;
	background-color: #3c3c3b;
}

.resources-links a {color: white; text-decoration-color: lightGrey;}
.resources-links a:hover {color: lightGrey;}

.resources-links:nth-of-type(3n+3) {margin-right: 0;}

.resources-links ul {list-style: none; margin: 0; padding: 0; line-height: 1.3em;}

.resources-links h2:first-of-type {
	position: absolute;
	top: 1.2em;
	z-index: 1;
	background-color: #137f84;
	color: white;
	text-transform: uppercase;
	padding: .4em 1em;
	left: -0.4em;
	font-size: 1.25em;
}


.resources-links h2:first-of-type a {text-decoration: none; color: white;}

.resources-links img {margin-bottom: 1.3em; width: 100%;}

@media (min-width: 450px){
	.resources-links {float: left; width: 31%; min-height: 24em; margin-right: 1em;}
}

p.resources-info   {
	position: relative;
	color: black;
	background-color: #d3d3d3;
	padding: 3px 8px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.resources-info a {color: black; text-decoration-color: #3c3c3b;}
.resources-info a:hover {color: #3c3c3b;}

@media (min-width: 1025px){
	.resources-links h2:first-of-type:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-left: .4em solid transparent;
		border-top: .4em solid #106363;
		top: 1.9em;
		left: 0em;
	}
	p.resources-info:after {
		content: '';
		width: 0;
		height: 0;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-left: 14px solid #d3d3d3;
		position: absolute;
		left: 15.4em;
		top: 0;
	}
}


@media print {
	.research-col-1 {margin-left: 1em;}
}