/** Tech Profiles **/
.tech-profiles {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .tech-profiles profile {
    flex: 0 0 25%;
    margin-bottom: 1em; }
  @media screen and (max-width: 640px) {
    .tech-profiles {
      justify-content: center; }
      .tech-profiles profile {
        flex-basis: 30%; } }

.tech-profiles-category {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); }

.tech-profile-image-wrapper {
  flex: 1;
  margin-right: 2em; }

.tech-profile-image {
  display: block;
  margin: 0 auto;
  width: 225px;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

#certification ul {
  list-style: none;
  padding: 0; }

#certification li {
  float: left;
  margin: 0 0 15px 10px;
  width: auto; }

#certification img {
  max-width: 250px;
  width: auto;
  margin-bottom: 20px; }

.tech-info {
  display: flex;
  margin-bottom: 2em; }
  @media screen and (max-width: 640px) {
    .tech-info {
      flex-direction: column;
      justify-content: center; }
      .tech-info #profile-image {
        margin-bottom: 2em;
        text-align: left !important; }
        .tech-info #profile-image img {
          height: 12em; } }
  .tech-info #tech-bio {
    flex: 3; }
    .tech-info #tech-bio .tech-name,
    .tech-info #tech-bio .tech-title {
      color: #333; }
    .tech-info #tech-bio .tech-name {
      margin-bottom: 0; }
    .tech-info #tech-bio .tech-title {
      font-style: italic; }
    .tech-info #tech-bio #profile-title {
      display: flex;
      flex-wrap: wrap; }
      .tech-info #tech-bio #profile-title .profile-title-container {
        flex: 1;
        margin-right: 2em; }
      .tech-info #tech-bio #profile-title .profile-nn-stats-container {
        flex: 3;
        display: flex;
        align-items: center; }
        .tech-info #tech-bio #profile-title .profile-nn-stats-container > p {
          display: flex;
          flex-direction: column;
          margin: 0 1em 0 0;
          padding: 0.5em;
          border-radius: 10px;
          background-color: #ebebeb;
          min-width: 5em; }
          .tech-info #tech-bio #profile-title .profile-nn-stats-container > p span {
            text-align: center; }
          .tech-info #tech-bio #profile-title .profile-nn-stats-container > p span:first-child {
            font-size: 1.25em;
            font-weight: bold; }

.tech-bio-atts {
  display: flex;
  flex-direction: column; }
  .tech-bio-atts > p {
    display: flex;
    margin: 5px 0 0 0; }
    .tech-bio-atts > p span {
      display: block;
      padding: 0.5em; }
    .tech-bio-atts > p .bio-att-name {
      flex: 1;
      background-color: #ebebeb; }
    .tech-bio-atts > p .bio-att-value {
      flex: 4;
      background-color: #f2f2f2; }

/* Profile Category */
.profile-category {
  padding: 2em 0; }
  .profile-category .image-frame {
    text-align: center;
    padding: 10px; }
    .profile-category .image-frame a {
      display: inline-block;
      position: relative;
      z-index: 1;
      width: 225px;
      height: 300px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      .profile-category .image-frame a .profile-image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-position-y: 300px;
        opacity: 0;
        transition: opacity, 0.6s;
        box-shadow: inset -5px -5px 30px fade(#000, 75%); }
      .profile-category .image-frame a:hover .profile-image-overlay {
        opacity: 1; }
    .profile-category .image-frame img {
      border: 1px solid #bbb;
      overflow: hidden;
      padding: 0;
      position: relative;
      z-index: 2;
      max-width: 100%;
      display: block;
      transition: all 0.5s linear; }

.caption-container {
  text-align: center; }

.caption {
  color: #333;
  font-size: 16px; }

/* Shortcode */
.tech-imgage-container,
.tech-author {
  margin-bottom: 20px; }

.tech-auth-contact,
.tech-auth-wrapper {
  width: 50%;
  padding-right: 2%;
  float: left; }

.tech-auth-contact > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

/* Horizontal Profile View */
.horiz-profile .tech-image-container {
  float: left; }

.horiz-profile .tech-desc {
  float: right;
  width: 70%; }

/* Media Query */
@media only screen and (max-width: 480px) {
  #tech-profiles .col-1-2,
  #tech-profiles .col-1-3,
  #tech-profiles .col-2-3,
  #tech-profiles .col-3-4,
  #tech-profiles .col-1-4,
  #tech-profiles .col-1-8,
  .horiz-profile .tech-image-container,
  .horiz-profile .tech-desc {
    float: none;
    width: 100%; }
  #profile-image > img {
    margin: 0 auto; }
  #tech-profiles .nn-combo-left {
    width: 100%; }
  #tech-profiles .nn-combo-right {
    display: none; }
  #certification li {
    float: none;
    margin-bottom: 10px; } }

/* NN Fixes */
.single-profile .nn-review-inner-cont > h2,
.single-profile .nn-review-inner-cont [itemprop='aggregateRating'],
.single-profile .nn-review-inner-cont [itemprop='aggregateRating'] + div {
  display: none !important; }