* {
  box-sizing: border-box;
}

.staffRow {
  margin: 10px -16px;
}

/* Add padding BETWEEN each staffColumn */
.staffRow,
.staffRow > .staffColumn {
  padding: 8px;
}

/* Create three equal staffColumns that floats next to each other */
.staffColumn {
  display: none; /* Hide all elements by default */
}

/* Clear floats after staffRows */ 
.staffRow:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.staffContent {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.staffBtn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.staffBtn:hover {
  background-color: #ddd;
}

.staffBtn.active {
  background-color: #666;
  color: white;
}

.staffImg {
  width:60%;
}

.text-block {
  position: absolute;
  bottom: 1px;
  color: white;
  padding-left: 10%;
  padding-right: 10%;
  text-shadow: 1px 1px black;
}

.staff-container {
  position: relative;
}

.staff-duties {
  width: 210px;
  height: 120px;
  margin-left: 10px;
  padding-bottom: 5px;
}

.staff-img-size {
  width:210px;
  height:265px;
}

.staff-email {
  margin-left: 10px;
}

/* hide guide name */
#s-lg-guide-name {
 display: none;
}

/* hide guide search box */
#s-lg-guide-search-box {
  display: none;
}

/* add border for table */
table, th, td {
  border: 2px solid lightgrey;
  border-collapse: collapse;
}