/* ==========================================
   SHARED STYLES - Used across all pages
   ========================================== */

#intro_container {
    width: 80%;
    margin-left: 75px;
    margin-right: 75px;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* ==========================================
   INDEX PAGE - Bio, social icons, news
   ========================================== */

.bio{
  margin-top: 15px;
  /* margin-left: 175px;  */ /* if adding photo uncomment*/
}

.biomain {
/*font-weight: 700;*/
/*font-size: 0.9em;*/
/*position: relative;*/
text-align: left;
/*text-transform: uppercase;*/
}

.biotext {
/*font-weight: 700;*/
/*font-size: 0.9em;*/
/*position: relative;*/
/* color: #666666; */
text-align: left;
/*text-transform: uppercase;*/
}


.social {
/* border-top: 1px solid #eeeeee; */
border-bottom: 1px solid #eeeeee;
/*margin-top: 25px;*/
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
/*text-transform: lowercase;*/
/*width: 100%;*/
text-align: left;
font-size:32px;
}


.social .fa {
  padding-bottom: 0px;
  /*font-size: 50px;*/
  /*width: 25px;*/
  text-align: center;
  text-decoration: none;
  color: #A5BAE0;
  padding-right: 25px;
}

.social .fa:hover {
  /*color: #350966; /*#f2e7ff;*/
  opacity: 0.7;
}

.social .ai {
  padding-bottom: 0px;
  /*font-size: 50px;*/
  /*width: 25px;*/
  text-align: center;
  text-decoration: none;
  color: #A5BAE0;
  padding-right: 25px;
}

.social .ai:hover {
  /*color: #350966; /*#f2e7ff;*/
  opacity: 0.7;
}

.news_header{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    /* color: #666666; */
}

.updates li {
    color: #555555;
}

.thanks {
    margin-top: 10px;
    border-top: 1px solid #eeeeee;

}

/* ==========================================
   RESEARCH PAGE - Papers, abstracts
   ========================================== */

.header {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    border-bottom: 1px solid #eeeeee;
    /* color: #666666; */
}

.paper-title {

}

.authors {
    color: #666666;
}

.pub {
    color: #666666;
    font-style: italic;
}

.project {
    color: #666666;
}

.abstract-toggle {
    background-color: #f5f5f5;
    color: #555555;
    cursor: pointer;
    padding: 6px 12px;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 8px;
    font-family: 'Open Sans', sans-serif;
    transition: background-color 0.3s ease;
}

.abstract-toggle:hover,
.abstract-toggle.active {
    background-color: #A5BAE0;
    color: white;
}

.abstract-content {
    display: none;
    padding: 12px 0 12px 20px;
    margin-left: 10px;
    border-left: 4px solid #A5BAE0;
    color: #666666;
    line-height: 1.6;
    font-size: 14px;
}

.paper-item {
    margin-bottom: 30px;
}

/* ==========================================
   EXPERIENCE PAGE
   ========================================== */

.exp-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    /* color: #666666; */
}

/* ==========================================
   MISC PAGE - Gallery
   ========================================== */

.gallery-wrapper {
display: block;
padding-right: 0px;
margin-bottom: 10px;
float: left;
}

.gallery {
  margin-right: 15px;
  border: 1px solid #eeeeee;
  float: left;
  width: 30%;
}

.gallery:hover {
  /*border: 1px solid #777;*/
}

.gallery img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 5px;
  font-size: 0.9em;
  color: #666666;
  font-style: italic;
  text-align: center;
}