/*7 search modules */

.adoption-search .staff__profile {
  background-color: #ececec;
  padding: 1rem
}

@media (min-width: 768px) {
  .adoption-search .staff__profile {
    padding: 2.5rem
  }
}

@media (min-width: 992px) {
  .adoption-search .staff__profile {
    display: flex;
  }
}


@media (min-width: 992px) {
  .adoption-search .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 992px) {
  .adoption-search .order-lg-2 {
    order: 2;
  }
}

@media (min-width: 992px) {
  .adoption-search .order-lg-1 {
    order: 1;
  }
}

@media (min-width: 992px) {
  .adoption-search .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}

.adoption-search .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.adoption-search .staff__image {
  -webkit-clip-path: circle(50%);
  clip-path: circle(50%);
  display: block;
  height: 200px;
  max-width: 100%;
  margin: 0 auto 2rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
}

.staff-directory .small-12 {
  display: none;
}

.staff-directory .contentContainer {
  overflow: hidden;
}

.staff-directory .staff-search-widget {
  margin-bottom: 2rem;
}

.staff-directory fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.staff-directory legend {
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.5;
  word-break: break-word;
  margin-bottom: 1rem;
}

.staff-directory .staff-search-widget__clear.hide {
  display: none;
}

.staff-directory .staff-search-widget__item {
  position: relative;
  line-height: 1.75em;
}

.staff-directory .staff-search-widget__item .checkbox {
  position: relative;
  line-height: 1.75em;
}

.staff-directory .staff-search-widget__item .checkbox label {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
}

.staff-directory .staff-search-widget__item .checkbox label .checkbox__label {
  margin-left: 0.5em;
}

.staff-directory .search-form-container {
  position: relative;
  display: flex;
}

.staff-directory .search-form-container .svg-md-48px {
  width: 48px;
  height: 48px;
  overflow: hidden;
  fill: white;
}

.staff-directory .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
}

.staff-directory .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.staff-directory .searchoptions-generic .search-form-container__input-search {
  color: #355458 !important;
  font-size: 1.5rem;
  font-weight: 600;
  width: 100%;
  height: 80px;
  padding: 1rem 3.75rem 1rem 1.25rem;
}

.staff-directory .searchoptions-generic .search-form-container__button {
  height: 80px;
  padding: 0 1.25rem;
  background-color: var(--vdss-blue);
  color: white;
  border: none;
}

.staff-directory .searchoptions-generic .search-form-container__button:hover {
  background-color: #003b6d;
  cursor: pointer;
}

.staff-directory .inner--left-nav .inner__sidebar {
  border-right: 1px solid #355458;
  padding: 0 4rem 3rem 0;
}

@media (max-width: 991px) {
  .staff-directory .inner--left-nav .inner__sidebar {
    border: none;
    padding: 0;
}
}


.staff-directory .inner--left-nav .inner__content {
  padding: 0 0 3rem 4rem;
}

@media (max-width: 991px) {
    .staff-directory .inner--left-nav .inner__content {
        padding: 0 0 3rem;
    }
}

.staff-directory .inner__content {
  width: calc(100% - 350px);
}

.staff-directory .inner__sidebar {
  width: 350px;
}

@media (max-width: 991px) {
  .staff-directory .inner__sidebar {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .staff-directory .inner__content,
  .inner__sidebar {
    width: 100%;
  }
}

@media (max-width: 991px) {
    .staff-directory .inner__wrapper {
        display: block;
    }
}

@media (max-width: 991px) {
    .inner--left-nav .inner__sidebar {
        border-right: none;
        padding: 0;
    }
}

.staff-directory .card-heading {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  word-break: break-word;
  margin-bottom: 1rem;
  margin-bottom: 0;
  display: block;
}

.staff-directory .card-body {
  display: flex;
}

@media (min-width: 992px) {
  .staff-directory .card-body {
    flex-direction: row !important;
  }
}

.staff-directory .card-body .card-type {
  padding: .25rem 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 1em;
}


.staff-directory .card-body .card-department {
  padding: .25rem 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 1em;
}

.staff-directory .staff-card {
  border-bottom: 1px solid #02292e;
  display: flex;
  flex-direction: column;
  padding: 0 0 1.5rem;
  margin-bottom: 1.5rem;
}

.staff-directory .btn-filter-results {
  display: none;
  padding: .75rem 1.5rem;
  font-weight: 500;
  background-color: var(--vdss-blue);
  color: #fff !important;
  margin-bottom: 3rem;
  text-transform: uppercase;
  border: none;
  border-radius: 0.25em;
}

.staff-directory .btn-filter-results:hover {
  background-color: #003b6d;
}

@media (max-width: 991px) {
  .staff-directory .btn-filter-results {
    display: flex;
    align-items: center;
  }
}

.staff-directory .course-filter__title>span,
.staff-filter__title>span {
  position: relative;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  word-break: break-word;
  margin-bottom: 1rem;
}

.staff-directory .course-filter__title,
.staff-filter__title {
  margin-bottom: 3rem;
}

.staff-directory .d-none {
  display: none;
}


.staff-directory .externalLink svg {
  display: none;
}

.staff-directory .staff-search-widget select {
    width: 100%;
    height: 50px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(2, 41, 46);
    padding: 0px 0.25rem;
}

.staff-directory .staff-search-widget input[type="text"] {
    width: 100%;
    height: 50px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgb(2, 41, 46);
    padding: 0px 0.25rem;
}

.staff-directory .staff-filter {
  display: block;
  padding-bottom: 1em;
}

@media (max-width: 991px) {
.staff-directory .staff-filter.staff-filter--collapse {
  display: none;
}
}

.staff-directory .pagination {
  padding-top: 20px;
}

.staff-directory .pagination a {
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
    border: 1.5px #00000054 outset;
    appearance: auto;
    border-radius: 0.25em;
    background-color: var(--vdss-blue);
    color: #fff !important;
    font-size: var(--step-0);
    border: none;
}

.staff-directory .pagination a:hover {
    background: #003b6d;
}

.staff-directory .pagination button {
    margin: 5px;
    padding: 5px 10px;
    cursor: pointer;
    border: 1.5px #00000054 outset;
    appearance: auto;
    border-radius: 0.25em;
    background-color: var(--vdss-blue);
    color: #fff !important;
    font-size: var(--step-0);
    border: none;
}

.staff-directory .pagination button:hover {
    background: #003b6d;
}

.staff-directory .pagination .currentpage {
    margin: 5px;
    padding: 5px 10px;
    appearance: auto;
    background-color: #fff !important;
    color: var(--vdss-blue);
    border-radius: 0.25em;
    font-size: var(--step-0);
}


.radio>label {
  cursor: pointer;
}

.checkbox>label {
  cursor: pointer;
}


/*Clear filter buttons*/
#searchoptions button.clear {
  display: block;
  align-items: center;
  margin-bottom: 1rem;
}

#searchoptions button.clear svg.svg-md-18px {
  fill: #fff;
  margin-left: .25rem;
  pointer-events: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

#searchoptions button.clear:hover {
  cursor: pointer;
}
/*sort and pagination dropdowns*/
select#sortSelect, select#perPageSelect, select#paginate, select#sort-by {
  height: 50px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgb(2, 41, 46);
  padding: 0px 0.25rem;
}








.staff-directory .pagination-news a {
   border: none;
   background: none;
   padding: 6px 8px;
   cursor: pointer;
   transition: all 0.2s ease;
   font-size: 13px;
}

.staff-directory .pagination-news a:hover {
    color: white;
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.staff-directory .pagination-news .currentpage {
    padding: 6px 8px;
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: linear-gradient(
                to bottom,
                rgba(230, 230, 230, 0.05) 0%,
                rgba(0, 0, 0, 0.05) 100%
              );
}

.newsRoomSidebar .search button {
  background: white;
  border: none;
}

.archive ul li:first-child {
    display: none;
}