/*customized datatable styles
* created by: Chris Yakimov May 2021
* for: CE directory - www.sfu.ca/communityengagement (look for "Directory of CE")
* last updated: 2021-10-15
*/

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border: 5px solid #ffffff;
  padding-top: 15px;
  padding-bottom:10px;
  padding-left: 3%;
  padding-right: 3%;
}
table.dataTable.display tbody tr:first-child td{
	border-top: 10px solid #ffffff;
}
table.dataTable.display tbody tr:last-child td{
	border-bottom: 10px solid #ffffff;
}
.data-label{
	font-family: 'barlow-regular';
	text-transform: uppercase;
	font-size: 0.875em;
}
.vp{
	font-family: 'barlow-regular';
	text-transform: uppercase;
	font-size: 0.875em;
}
#directory h3.projecttitle{
	margin-bottom: 0.2rem !important;
}
/* added because jquery wasn't working on initial load */
#directory_filter input{
	height: 2em !important;
	font-size: 1em;
	color: #55555;
	padding: 1em;
}
.dataTables_wrapper .dataTables_filter{
	float: none !important;
	text-align: center !important;
	margin: 0 auto 50px !important;
	font-size: x-large !important;
	line-height: 2em !important;
	width: 90% !important;
}
.dataTables_wrapper .fake-form{
	background-image: url('https://www.sfu.ca/content/sfu/communityengagement/at-sfu/is/jcr:content/main_content/textimage_1/image.img.2000.high.jpg/1567636956981.jpg') !important;
	background-position: center center !important;
	background-size: cover !important;
	padding: 60px !important;
}

/* other overrides we didn't need
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: 10px solid #ffffff;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 10px solid #ff0000;
  border-right: 10px solid #ff0000;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 10px solid #ff0000;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: 10px solid #ffffff;
}*/