/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .hidden{
	 display:none;
 }
 .nus-discovery-table-head,
 .nus-discovery-table-content{
	display:block;
	/*
	grid-template-columns: 33.3% 33.3% 33.3%;
	grid-auto-flow: row;
	*/
    text-align: left;
 }

 ul.nus-discovery-table-content{
	 margin:0px;
	 padding:0px;
 }

 .nus-discovery-content li.col-num{
	 grid-column: 1;
 }

 .nus-discovery-content li.col-title{
	grid-column: 2;
}

.nus-discovery-content li.col-name{
	grid-column: 3;
}

.nus-discovery-content li.grid-content{
	list-style-type:none;
	background-color:#fafafa;
	border:1px solid #f0f0f0;
	padding:12px;
	box-sizing:border-box;
	margin:1%;
	float:left;
	width:31.3%;
	height:225px;
}

.nus-discovery-content li.grid-content div.content-picture{
	float:left;
	width:80px;
	margin-right:15px;
}

.nus-discovery-content li.grid-content div.content-data{
	overflow:hidden;
}

.nus-discovery-content li.grid-content div.content-name{
	margin-bottom:8px;
}

.nus-discovery-content li.grid-content div.content-name a{
	color:#014c8c;
	font-weight:700;
	text-decoration:none;
}

.nus-discovery-content li.grid-content div.content-name a:hover{
	text-decoration:underline;
}

.nus-discovery-content li.grid-content div.content-designation{
	font-weight:700;
}

.nus-discovery-content li.grid-content div.content-department{
	margin-bottom:8px;
}

.nus-discovery-content li.grid-content div.content-email:before{
	content: "\f465";
	font-family:dashicons;
	display:inline-block;
	margin-right:5px;
	position:relative;
	top:4px;
}

.nus-discovery-content li.grid-content:after{
	content:"";
	display:block;
	clear:both;
}
/*
.nus-discovery-content li.grid-content:nth-child(3n+1){
	grid-column: 1;
}

.nus-discovery-content li.grid-content:nth-child(3n+2){
	grid-column: 2;
}

.nus-discovery-content li.grid-content:nth-child(3n){
	grid-column: 3;
}*/