/**
 * @file
 * easology People Page
/* Custom CSS for easology People Page*/

/*theme vcard overrides)*/
.vcard {
  border: none;
  display: unset;
  margin: 0em;
  padding: 0em;
}

.eas-people-table {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.eas-people-cell {
  list-style-type: none;
  text-align: left;
  padding: 0.375em 0.625em;
  word-wrap: break-word;  
  width: calc(100% / 3); 
}

.eas-photo img{
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    min-width: 120px;
    min-height: 120px;
}

.eas-person-bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-wrap: break-word;  
  -webkit-box-orient: horizontal;  
  -webkit-box-direction: normal;  
      -ms-flex-direction: row;  
          flex-direction: row;
}

.eas-photo {
    padding: 0.225em;
}

.eas-details {
  word-wrap: break-word;
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   padding: 1em;
}
.eas-details .p-name { 
  font-size:large;
  font-weight: 700;
}

/*(min-width: 320px) and (max-width: 830px)*/
@media screen and (min-width: 30.375em) and (max-width: 51.875em) {
  .eas-person-bundle {
    display: block;
    width: 100%;
  }
  .eas-photo {
    width: 100%;
  }

}

/*(min-width: 20em) and (max-width: 487px) { */
@media screen and (min-width: 20em) and (max-width: 30.438em) {
  .eas-people-cell {
    width: 100%; 
    text-align: center;
  }
  .eas-person-bundle {
    display: block;
    width: 100%;
  }
  .eas-photo {
    width: 100%;
  }

}

/*Alumni and EAS People Individual Profile*/
  body.node-type-person #page-title{
   display: none;

 }
  .eas-profile-header{
    background-color: #E6E6E6;
    height: 20%;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    word-wrap: break-word;  
    -webkit-box-orient: horizontal;  
    -webkit-box-direction: normal;  
        -ms-flex-direction: row;  
            flex-direction: row;
  }

  .eas-profile-image{
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    padding: 0.225em;
  }
  
  .eas-profile-header-content { 
    word-wrap: break-word;
    -webkit-box-flex: 30%;
        -ms-flex: 30%;
            flex: 30%;

  }
  .eas-profile-image img{
      height: 150px
   }

  .eas-profile-body {
    margin: 5px 10px;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

  }
  .eas-profile-body-right {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
    -webkit-box-flex:20%;
        -ms-flex:20%;
            flex:20%;
    height: 50%;
  }
  .eas-profile-body-left {
    -webkit-box-flex:50%;
        -ms-flex:50%;
            flex:50%;
  }
 .eas-name {
    font-size:1.875em;
    font-weight: 700;
  }
  .eas-q {
    font-size:1em;
    font-weight: 700;
  }
  
  /*(min-width: 310px) and (max-width: 367px)*/
  @media screen and (min-width: 19.375em) and (max-width: 22.938em) {
  .eas-profile-image {
    width: 100%;
  }
  .eas-profile-header {
    width: 100%;
    display: block;
    text-align: center;
  }

}