/*staff picks feed*/
.staff-picks .view-content {
  padding-top: 3em;
}

.staff-picks .views-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #B2B2B2;
}
.staff-picks .views-row .views-field-field-profile-image {
  width: 80px;
  padding-top: 2.2em;
}
.staff-picks .views-row .views-field-field-profile-image  img {
  border-radius: 100%;
}

.staff-picks .views-row .views-field-path {
  width: calc(65% - 40px);
  padding-bottom: 2em;
}

.staff-picks .views-row .views-field-field-books {
  width: calc(35% - 40px);
}

.staff-picks .staff-details {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 2.2em;
}
.staff-picks .staff-details h2, .staffprofile-contextual .staff-details h2 {
  margin: 0;
}
.staff-picks .staff-details p.role, .staffprofile-contextual .staff-details p.role {
  font-size: 12px;
  text-transform: uppercase;
  font-family:'Roboto', sans-serif;
  margin: 0 0 5px 0;
}
.staff-picks .staff-details .interests,.staffprofile-contextual .staff-details .interests   {
  padding: 0;
}
.staff-picks .staff-details p {
  margin: 0 0 10px;
  font-size: 14px;
}
.staff-picks .staff-details .interests ul, .staffprofile-contextual .staff-details .interests ul {
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}

.staff-picks .staff-details .interests ul li, .staffprofile-contextual .staff-details .interests ul li {
  list-style-type: none;
  border-bottom: none;
  background: #D9E5F0;
  border-radius: 3px;
  padding: 8px 12px;
  margin-right: 5px;
  margin-right: 10px;
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 12px;
}
.staff-picks .staff-details .interests ul li:first-child, .staffprofile-contextual .staff-details .interests ul li:first-child  {
 padding: 5px 10px;

}

.staff-picks .views-row .views-field-field-books {
  background: #F8F8F8;
  padding: 2.4em 1em;
}
.staff-picks .views-row .views-field-field-books .abaproduct-details {
  padding-left: 0.5em;
}
.staff-picks .views-row .views-field-field-books .abaproduct-details  h2 {
  font-size: 1.1em;
}
.staff-picks .views-row .views-field-field-books p.pick {
  font-weight: 500;
  font-family: 'Bitter', serif;
  font-size: 24px;
  margin: 0 0 15px;
}

.staff-picks .views-row .views-field-field-books hr {
  display:none;
}

.staff-picks .views-row .views-field-field-books .abaproduct-title h2 {
  font-size: 1.3em;
  font-family: Roboto;
}

/*staff profile contextual*/

.return-staff-link {
  padding: 0;
}
.return-staff-link p {
  margin: 0 0 10px 0;
}
.staffprofile-contextual .views-field-field-books {
  padding-top: 3em;
}
.staffprofile-contextual .views-field-field-books ul {
  display: flex;
  flex-wrap: wrap;
}
.staffprofile-contextual .views-field-field-books ul li {
  width: 100%;
  padding: 1.5em 0;
  border-bottom: 1px solid #E4E3E3;
  display:flex;
  flex-wrap: wrap;
  margin-left: 0;
  list-style: none;
}
.staffprofile-contextual .views-field-field-books ul li .abaproduct-content {
  width: 60%;
}
.staffprofile-contextual .views-field-field-books ul li blockquote {
  width: 40%;
  margin: 0;
  color:#2B2A2A;
  background: #F4F3F5;
  padding: 20px;
  border-radius: 5px;
}
.staffprofile-contextual .views-field-field-books ul li blockquote:before {
  content: "\201C";
  display: block;
  font-size: 5em;
  font-family: 'Bitter', serif;
  left: 10px;
  top: 15px;
  position: absolute;
  color: #BBBABC;
}


.staffprofile-contextual .staff-row {
  display: flex;
  flex-wrap: wrap;
}

.staffprofile-contextual .staff-row .image {
  width: 150px;
}
.staffprofile-contextual .staff-row .image img {
  border-radius: 100%;
}
.staffprofile-contextual .staff-row .staff-details {
  width: calc(100% - 150px);
  padding-left: 1.5em;
}



/*book reviews*/
.book-reviews h3 a  {
  color: #0054A4;
}

/*staff picks sidebar*/
.staffpicks-sidebar h2 {
  text-align: center;

}
.staffpicks-sidebar .view-content{
   display: flex;
   flex-wrap: wrap;
}

.staffpicks-sidebar .view-content .views-row {
  width: 50%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 20px;

}
.staffpicks-sidebar .view-content .views-row .views-field-field-profile-image img {
  margin: 0 auto;
  border-radius: 100%;
}

.staffpicks-sidebar .view-content .views-row .views-field-title h3 {
  margin: 5px 0;
  font-size: 16px;
}
.staffpicks-sidebar .view-content .views-row .views-field-field-role  {
  font-size: 10px;
  text-transform: uppercase;
  font-family:'Roboto', sans-serif;
  margin: 0;
  line-height: 1.2;
}


@media (max-width: 768px) {
  .staff-picks .views-row .views-field-field-books {
    padding: 1.5em;
  }
  .views-field-field-books .abaproduct-content {
    flex-wrap: wrap;
  }
  .views-field-field-books .abaproduct-details {
    padding-left: 0;
    padding-top: 0.5em;
  }
  .staffprofile-contextual .views-field-field-books {
    padding-top: 0;
  }
  .staffprofile-contextual .views-field-field-books ul li .abaproduct-content {
    width: 100%;
  }
  .staffprofile-contextual .views-field-field-books ul li blockquote {
    width: 100%;
  }
  .staffpicks-sidebar .view-content .views-row {
    width: 33%;
  }
}

@media (max-width: 570px) {
  .staff-picks .views-row .views-field-path {
    width: calc(100% - 80px);
  }
  .staff-picks .views-row .views-field-field-books {
    width: 100%;
  }
  .staff-picks .views-row .views-field-field-books p.pick {
    font-size: 18px;
    margin: 0px;
  }
  .staffprofile-contextual .staff-row .image {
    width: 100px;
  }
  .staffprofile-contextual .staff-row .staff-details {
    width: calc(100% - 100px);
    padding-left: 1em;
  }
  .staffpicks-sidebar .view-content .views-row {
    width: 50%;
  }
  .staff-picks .view-content {
    padding-top: 1em;
  }
}