.fellows-filters {
  padding: 0 1em;
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  #secondary-nav.fellows-filters {
    width: 30%;
  }

  .secondary #main {
    width: 70%;
  }
}

@media screen and (max-width: 800px) {
  #secondary-nav.fellows-filters {
    width: 98%;
  }

  .secondary #main {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  #content {
    width: 96%;
  }
}



.fellows-filters .search-wrapper {
  margin-bottom: 1em;
}

.fellows-filters .reset-btn {
  margin: 1em 0;
}


@media screen and (max-width: 800px) {
  .reset-btn {
    display: none;
  }

  .reset-btn.cd-visible {
    display: block;
  }
}

@media screen and (min-width: 800px) {
  .reset-btn, .reset-btn.cd-visible {
    display: block;
  }
}

.fellows-filters .search-wrapper label {
  display: block;
  color: #256578;
  font-size: 1.5em;
  line-height: 1.4em;
  margin-bottom: 12px;
  font-family: "sommet-slab-n3","sommet-slab",sans-serif;
  letter-spacing: 1px
}

.fellows-filters .search-wrapper input {
  width: 100%;
}

.fellows-filters .search-wrapper p.help-text {
  margin: 0.5em 0 0 0.2em;
  color: #256578;
  font-size: 0.8em;
}

.fellows-filters input[type='checkbox'] {
  display: block;
  float: left;
  margin-left: -1.25em;
  margin-top: 0.75em;
}

.fellows-filters .fellows-grouping label {
  display: block;
  padding: .5em 0;
  margin-left: 1.25em;
}

.fellows-filters .fellows-grouping .label-content {
  margin-top: 0.35em;
  line-height: 1.35;
  padding: 0 0.5em;
}

#section-navigation .fellows-grouping .label-content span {
  color: #666;
  font-size: 80%;
  display: inline;
}

.fellows-filters h4 {
  font-size: 1.2em;
}

.fellows-filters .fellows-grouping + h4 {
  margin-top: 1em;
}

.fellows-filters .hidden {
  display: none !important;
}

.button-dark {
  background-color: #256578;
  border: 0;
  color: white;
  padding: 0.2em 0.6em 0.45em;
  font-size: 14px;
  font-family: "myriad-pro-n4","myriad-pro",sans-serif;
  cursor: pointer;
}

a.button-dark {
  color: white;
  text-decoration: none;
}

.button-dark:hover {
  background: #0f4656;
}

.button-dark:active {
  color: #256578;
}

.fellows-container {
  margin: 0 -1em;
}

#section-navigation ul li .open-close {
    position: relative;
    padding: 0 1em;
    background: #79AEBD;
    color: #fff;
    cursor: pointer;
}

#section-navigation ul li .open-close:after  {
  content: "\f055";
  font-family: FontAwesome;
  padding-right: 0.5em;
  color: #C7D6DA;
  position: absolute;
  right: 0;
}
#section-navigation ul li.selected .open-close:after  {
  content: "\f056";
}

@media screen and (max-width: 768px) {
  .secondary #main {
    padding: 1em;
  }
}

.acsf-fellow .lockup {
  display: table;
  margin-bottom: 1em;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: -1em;
  padding: 1em 1em 0;
}

.acsf-fellow .lockup img {
  display: table-cell;
  max-height: 125px;
  overflow: hidden;
}

.acsf-fellow .lockup p {
  padding: 1em;
  display: table-cell;
  vertical-align: middle;
}

.acsf-fellow h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
  line-height: 1;
  color: #BD8445;
}

.acsf-fellow h3, #main .acsf-fellow h4 {
  font-size: 1.2em;
  margin-bottom: 5px;
}

#main .acsf-fellow h4 {
  font-size: 1em;
  margin-bottom: 5px;
}

.acsf-fellow ul {
  list-style-type: none;
  margin: 0;
  clear: both;
  color: #333;
}

.acsf-fellow ul li {
  background: none;
  padding-left: 0;
  font-size: 1em;
}

.acsf-fellow li.interests {
  font-size: 0.8em;
  color: #256578;
}

.fellows-container {
  clear: both;
  margin: 0 -0.5em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.fellows-container.jplist-hidden {
  display: none;
}

.acsf-fellow {
  padding: 1em;
  border: 1px solid #79AEBD;
  width: -webkit-calc(33.33% - 1em - 2px);
  width: calc(33.33% - 1em - 2px);
  margin: 0.5em;
  background: -webkit-gradient(linear, left top, left bottom, from(#c6d5d9),color-stop(45%, #ffffff));  background: -webkit-linear-gradient(top, #c6d5d9 0%,#ffffff 45%);  background: linear-gradient(to bottom, #c6d5d9 0%,#ffffff 45%);
}

@media screen and (max-width: 768px) {
  .acsf-fellow {
    width: -webkit-calc(50% - 1em);
    width: calc(50% - 1em);
  }
}

@media screen and (max-width: 480px) {
  .acsf-fellow {
    width: -webkit-calc(100% - 1em);
    width: calc(100% - 1em);
  }
}

.fellows-container h2 {
  word-break: break-word;
}

.sr-only {
  position: absolute;
  left: -9999px;
}

.acsf-fellow .hidden {
  display: none;
}

.acsf-fellow p {
  margin-bottom: 0;
}

.top-nav {
  float: right;
  display: flex;
  align-items: center;
}

.top-nav .button-dark {
  padding: 0.5em 1em;
}

.top-nav select {
  margin: 0.5em;
  font-size: 14px;
  font-family: "myriad-pro-n4","myriad-pro",sans-serif;
}

@media screen and (max-width: 768px) {
  .top-nav {
    float: none;
    display: flex;
    align-items: center;
  }

  .top-nav select {
    font-size: 16px;
    margin: 0.25em;
  }

  .top-nav .button-dark {
    display: inline-block;
    position: static;
    margin: 0.5em;
  }

  .top-nav + h1 {
    clear: both;
  }
}

.top-filters {
  margin-left: -0.5em;
}

.top-filters input[type="checkbox"] {
  display: none;
}

.top-filters .label-content {
  display: none;
  border-radius: 4px;
  background-color: #79AEBD;
  color: white;
  margin: 0.5em;
  padding: 0.5em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.top-filters label input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.top-filters label input[type="checkbox"]:checked + .label-content {
  display: inline-block;
}

.top-filters label input[type="checkbox"]:checked + .label-content span {
  opacity: 0.5;
}

.top-filters label input[type="checkbox"]:checked + .label-content:hover {
  background-color: #63909c;
  cursor: pointer;
}

.top-filters label input[type="checkbox"]:checked + .label-content:active {
  background-color: #116883;
}

.top-filters label input[type="checkbox"]:checked + .label-content::after {
  content: '×';
  color: rgba(255,255,255, 0.6);
  display: inline-block;
}

.jplist-pagination {
  clear: both;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 1em;
  -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          justify-content: space-between;
}

.jplist-pagination button {
  font-family: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #256578;
  border: none;
  color: #ebf0f2;
  cursor: pointer;
  font-size: 1.2em;
  padding: 0.25em .6em;
  margin: 0 0.1em;
  display: inline-block;
}

.jplist-pagination button:active {
  -webkit-box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
          box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
  border-radius: 2px;
}

.jplist-pagination .jplist-pagingmid .jplist-current {
  background-color: #0f4656;
}

.jplist-pagination .jplist-pagingprev {
  margin-right: 1em;
}

.jplist-pagination .jplist-pagingprev.jplist-hidden, .jplist-pagingnext.jplist-hidden {
  display: block;
  opacity: 0.6;
  pointer-events: none;
}

.jplist-pagination .jplist-pagingnext {
  margin-left: 1em;
}

.jplist-pagination .jplist-pagingprev, .jplist-pagination .jplist-pagingnext {
  font-family: "FontAwesome";
}

.jplist-pagination.jplist-hidden {
  display: none;
}

.jplist-label.pagination-label {
  background: none;
  text-shadow: none;
  font-size: 1.3em;
  border: none;
  color: #256578;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: none;
  text-align: center;
  height: initial;
}

.jplist-label.pagination-label {
  padding: 0;
  margin-right: 0;
}

.top-panel {
  margin-bottom: 1em;
}

.top-panel .pagination-label {
  text-align: left;
}

.jplist-one-page {
  display: none;
}

#fellows-search {
    height: 2.25em;
    margin-left: 0.5em;
    border: 1px solid #666;
    border-top-color: #444;
    border-right-color: #999;
    border-bottom-color: #999;
    padding: 3px 6px;
    background: #ededed;
    background: -moz-linear-gradient(top,  #d6d6d6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #d6d6d6 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #d6d6d6 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    font-size: 14px;
    font-family: "myriad-pro-n4","myriad-pro",sans-serif;
}


.search-wrapper + h3 {
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  #fellows-search {
    font-size: 16px;
  }
}

.filters-active li {
  display: none;
}

.filters-active .active {
  display: block;
}

#section-navigation {
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  #section-navigation {
    margin: 0;
  }
}

@media screen and (max-width: 480px) {
  #section-navigation {
    max-width: calc(100% - 45px);
    padding-right: 1em;
  }
}

.fellows-filters .reset-btn .fa::before {
  content: "\f021";
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.4em;
  font-family: "FontAwesome";
  position: relative;
  top: 0.05em;
  margin-right: 0.25em;
}

#section-navigation ul.child {
  max-height: 160px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  #section-navigation ul.child {
    max-height: 130px;
  }
}

.fos-menu {
  display: none;
}

@media screen and (max-width: 800px) {
  .fellows-filters .search-wrapper {
    margin: 1em 0;
  }

  .hidden-sm {
    display: none;
  }
}

#section-navigation h3 {
  cursor: pointer;
}

#section-navigation h3 em.mobile-menu {
  background-image: none;
  margin-bottom: 0.5em;
}

#section-navigation .mobile-menu .show-filters{
  display: block;
}

#section-navigation .mobile-menu .hide-filters{
  display: none;
}

#section-navigation .mobile-menu.open .show-filters{
  display: none;
}

#section-navigation .mobile-menu.open .hide-filters{
  display: block;
}

#section-navigation .mobile-menu {
  margin-bottom: 0.5em;
}

#section-navigation .mobile-menu em {
  background-image: none;
}

#section-navigation .mobile-menu em::after {
  content: "\f0b0";
  font-style: normal;
  display: block;
  color: white;
  font-size: 1.3em;
  line-height: 1.4em;
  text-align: center;
  text-indent: 0;
  font-family: "FontAwesome";
}

@supports (-webkit-appearance: none) or (appearance: none) or (-moz-appearance: none) {
  .acsf-select {
    display: inline-block;
    max-width: 100%;
    height: calc(1.8rem + 2px);
    padding: .2rem 1.75rem .2rem .68rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%20576%22%3E%3Cpath%20d%3D%22M1005%20109L557%20557a62.7%2062.7%200%200%201-89.9%200L19%20109A63.4%2063.4%200%200%201%200%2064C0%2029%2029%200%2064%200h896c35%200%2064%2029%2064%2064a63.4%2063.4%200%200%201-19%2045z%22%2F%3E%3C%2Fsvg%3E) no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .acsf-select:focus {
    border-color: #256578;
    outline: 0;
  }
}

.fellows-container {
  display: block;
}

@supports (display: flex) {
  .fellows-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.acsf-fellow {
  display: inline-block;
  vertical-align: top;
}

@supports (display: flex) {
  .acsf-fellow {
    width: -webkit-calc(33.33% - 1em - 2px);
    width: calc(33.33% - 1em - 2px);
  }

  @media screen and (max-width: 928px) {
    .acsf-fellow {
      width: -webkit-calc(50% - 1em);
      width: calc(50% - 1em);
    }
  }

  @media screen and (max-width: 480px) {
    .acsf-fellow {
      width: -webkit-calc(100% - 1em);
      width: calc(100% - 1em);
    }
  }
}