@charset "UTF-8";
/* CSS Document */
.faculty-headshot{
    margin-bottom: 40px;
    max-width: 100%;
}
.accessible, .accessible-alt-text {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}
#directory .filters .top{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0 15px;
}
#directory .filters .top .input-wrapper {
    display: inline-block;
    position: relative;
}
#directory .filters .top .input-wrapper input{
    color: #002856;
    width: 350px;
}
#directory form input{
    padding: 8px 14px 10px;
    margin-bottom: 10px;
    border: 1px solid #00809F;
    border-radius: 4px !important;
    background-color: #FFFFFF;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    color: #002856;
    width: 100%;
}
#directory form select{
    padding: 9px 28px 9px 14px;
    margin-bottom: 10px;
    border: 1px solid #00809F;
    border-radius: 4px !important;
    background-color: transparent;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    color: #0054a4;
    width: 100%;
}
#directory form select{
    margin-right: 10px;
}
#directory select{
    position: relative;
    font-size: 16px;
    padding: 6px 40px 8px 14px;
    margin-bottom: 20px;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-image: url("../images/icon-arrowdown-black.jpg");
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-color: #fff;
    overflow: auto;
}
#directory select#results-per-page{
    background-image: url("../images/icon-arrowdown-black.jpg");
}
#directory select:after {
    position: absolute;
    right: 0;
    top: 0;
    content:'';
    width: 20px;
    height: 100%;
    background: #54565B;
}
#directory .filters .top .input-wrapper button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 44px;
    background: transparent;
    border: none;
}
#directory .filters .top .input-wrapper .fa-search {
    color: #002856;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 39px;
    vertical-align: middle;
    margin: 0;
}
#directory #department-filter{
    width: 350px;
}
#directory .filters .top #clear-all-filters {
    display: inline-block;
    text-align: center;
    padding: 10px 45px 10px 10px;
    margin: 0 auto;
    position: relative;
    width: min-content;
}
#directory .navbar-dark .btn{
   padding: 10px 45px 10px 10px;
    margin: 0 auto;
    position: relative;
    width: auto; 
}
#directory .filters .top #clear-all-filters .fa{
    position: absolute;
    right: 3px;
    top: 11px;
    font-size: 18px;
}
#directory .navbar-dark .btn .fa{
    position: absolute;
    right: -7px;
    top: 11px;
    font-size: 18px;
}
#directory .filters .alpha-links {
    display: block;
    margin: 0 auto 45px;
    padding: 20px 0;
    text-align: center;
}
#directory .filters .alpha-links .current{
    background-color: #0054a4;
    color: #fff;
    border-radius: 3px;
}
#directory .filters .alpha-links a, #directory .filters .alpha-links span {
    font-size: 22px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 4px;
    text-align: center;
    font-weight: 600;
    color: #00809F;
    padding: 4px;
}
#directory .filters .alpha-links a{
    text-decoration: underline;
}
#directory .filters .alpha-links a:hover, #directory .filters .alpha-links a:focus{
    text-decoration: none;
}
#directory .filters .alpha-links .pipe{
    background-color: transparent;
    color: #0054a4;
}
#directory .listing .result{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #cccccc;
}
#directory .listing .result .image-wrapper{
    position: relative;
    width: 100%;
    overflow: hidden;
}
#directory .listing .result img{
    max-height: 225px;
    max-width: 100%;
    margin: 0 auto 20px;
    display: block;
}
#directory .name, #maincontent h3.name{
    font-size: 26px;
    color: #002856;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 500;
}
#directory .name a, .name a{
    color: #002856;
}
#directory .name a .fa, .name a .fa{
    color: #00809F;
}
#directory .title, #maincontent h4.title{
   font-size: 20px;
    color: #002856; 
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}
#directory .department, .department{
   font-size: 18px;
    color: #333333;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 20px; 
}
#directory .location, .location{
    font-size: 18px;
    color: #002856;
}
#directory .pagination-wrapper .showing .dataTables_info{
   margin-bottom: 5px; 
}
#directory  .showing {
   display: inline-block
}
#directory .dataTables_info {
    display: inline-block;
    vertical-align: middle;
    margin-right: 31px;
}
#directory .dataTables_length {
    display: inline-block;
    vertical-align: middle;
   margin-top: 20px;
}
#directory .pager {
    display: inline-block;
    float: right;
}
div.alphabet {
    display: block;
    margin: 0 auto 25px;
    padding: 20px 0;
    text-align: center;
    background-color: #002856;
}
div.alphabet span {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    text-align: center;
    font-weight: 600;
    padding: 5px;
    font-size: 28px;
    line-height: 30px;
    color: #00809F;
    text-transform: uppercase;
    cursor: pointer;
}
div.alphabet span:hover {
    text-decoration: underline;
}
div.alphabet span.clear{
    text-transform: none;
}
div.alphabet span.active {
    background-color: #0054a4;
    border-radius: 3px;
    color: #fff;
    text-decoration: underline;
}
.divider-right {
    border-right: 1px solid #00809F;
}
#maincontent .contact-list {
    list-style: none;
    margin-top: 15px;
    position: relative;
}
#maincontent .contact-list li {
    display: block;
    clear: both;
    margin: 8px 0;
}
#maincontent .contact-list li:before {
    display: block;
    position: absolute;
    left: -5px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 16px;
    width: 20px;
    text-align: center;
    line-height: 22px;
    color: #00809F;
}
#maincontent .contact-list li.title:before{
	content: "\f05a";
}
#maincontent .contact-list li.location:before {
	content: "\f041";
}
#maincontent .contact-list li.phone:before {
	content: "\f095";
}
#maincontent .contact-list li.email:before {
    content: "\f0e0";
}
#maincontent .contact-list li.fax:before {
    content: "\f1ac";
}
#maincontent .contact-list li.hours:before {
    content: "\f017";
    margin-bottom: 50px;
}
#maincontent .contact-list li.web:before{
    content: "\f0ac";
}
.pagination {
    margin: 20px auto !important;
}
.pagination .page-item{
    padding: 0 !important;
}
.pagination .page-item:before{
    display: none !important;
}
.pagination .page-item .page-link{
    text-decoration: none !important;
    border: none;
    border-radius: 0px;
}
.pagination .page-item .page-link .fa{
    font-size: 20px;
}
.pagination .page-item.active .page-link{
    background-color: #00809F !important;
    border-color: #00809F !important;
    color: #fff;
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
    color: #3a3c3f;
}

/* Landscape tablets and medium desktops: LG */
@media (min-width: 992px) and (max-width: 1199px) {
#directory #department-filter{
    width: 320px;
}
#directory .filters .top .input-wrapper input {
    width: 320px;
}
}

/* Portrait tablets and small desktops: MD */
@media (min-width: 768px) and (max-width: 991px) {
.faculty-headshot {
    float: none;
    display: block;
    margin: 0 auto 20px;
}
table.profile-info td:nth-child(1) {
    width: 35%;
}
table.profile-info {
    font-size: 18px;
}
.profile-title{
    text-align: center;    
    }
#directory .filters .top #clear-all-filters {
    display: block;
    }
#directory form select {
    margin-right: 0;
}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  #directory .navbar-dark .btn{
    display: inline-block;
    margin-left: 45px;
}
  #directory .navbar-dark .btn[aria-expanded="true"]{
    margin-left: auto;
}
.divider-right, .divider-left{
    border: none;
}
.filters #reset {
    font-size: 20px;
    top: 5px;
    left: -5px;
}
.faculty-headshot {
    float: none;
    display: block;
    margin: 0 auto 20px;
}
table.profile-info td:nth-child(1) {
    width: 35%;
}
table.profile-info {
    font-size: 18px;
}
.profile-title{
    text-align: center;    
    }
#directory .filters .top #clear-all-filters {
    display: block;
    }
#directory form select {
    margin-right: 0;
}
}

/* Portrait phones and smaller */
@media (max-width: 320px) {
#directory .filters .top .input-wrapper input {
    width: 316px;
    margin-left: -28px;
}
#directory #department-filter {
   width: 316px;
    margin-left: -28px;
}
}