/* ---- STAFF DIRECTORY ----------------------------------------------------- */

.staff-directory {
  width: 100%;
  margin: 10px 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 1.2em;
}

.staff-directory h3 {
    font-size: 16px;
    color: #00451c;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.staff-directory h4 {
  font-size: 1em;
}

.staff-directory p {
   font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #000000;
}

.staff-directory .staff-listing {
  padding: 10px 0;
  
}
.staff-details {
    border-bottom: 1px solid #d1d1d1;
}
.staff-directory .staff-name {
  width: 190px;
  text-align: left;
  padding-right: 10px;
}

.staff-directory .staff-title {
  width: 190px;
  text-align: left;
}

.staff-directory .staff-phone {
  width: auto;
  text-align: right;
  padding-right: 30px;
}

.staff-directory .staff-email {
  width: auto;
  text-align: right;
}
.staff h1{
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 40px;
    border-bottom: 4px solid #306141;
    margin-bottom: 15px;
    color: #00451c;
    font-family: "grad", serif;
}
.staff-directory td {
    font-family: "grad", serif;
    font-size: 14px;
}
.staff-directory {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #000000;
}
.content-header {
border-top:none;
}
.staff table:nth-child(2) h3 {
    border-top: none;
}
@media only screen and (min-width: 900px) {
.staff-email-mobile{
display:none;
}
 .staff-phone-mobile {
display:none;
}
}
@media only screen and (max-width: 900px) {
    .staff-email-desktop{
        display:none;
    }
    .staff-phone-desktop{
        display:none;
    }
}
.staff .staff-email-mobile .fa {
    font-size: 20px !important;
    color:#306141;
}
.staff .staff-phone-mobile .fa {
    font-size: 16px !important;
    color:#306141;
}
.staff table  tr:last-child {
  border-bottom: none !important;
}
.staff-directory .staff-listing {
 border-bottom: none !important;
}
#staff-info h1 {
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 40px;
    border-bottom: 4px solid #306141;
    margin-bottom: 15px;
    color: #00451c;
    font-family: "grad", serif;
}
#staff-info h2, #staff-info h4 {
    font-size: 16px;
    color: #00451c;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
}
#staff-info p{
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #000000;
}
#staff-info a {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #000000;
}
#staff-info .staff-link-page a {
    display: inline-block;
    margin-top: 16px;
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #00451c;
    text-transform: uppercase;
    letter-spacing: .5px;
}
#staff-info .staff-address a {
    line-height: 24px;
}
#staff-info img {
    margin: 5px;
}