/*------------------------------------------------------------------------------
/*  CSS for team member layout
/* (c) R F L Evans (2016). ALl Rights Reserved.
/*----------------------------------------------------------------------------*/

.member{
   line-height: auto;
   padding-top: 1em;
   padding-bottom: 1em;
   overflow: hidden;
}

.team-member-photo{
   width: 15%;
   min-width: 90px;
   float: left;
   text-align: center;
   vertical-align: middle;
   margin: auto;
}

.team-member-text{
   margin: 0;
   padding-left: 3%;
   float: left;
   width: 65%;
   min-width: 250px;
}

.member img{
   width: 100%;
   padding: 1%;
   border-radius: 50%;
}

.member h2{
   margin: 0;
   margin-top: 0.5em;
   margin-bottom: 0.0em;
}

.member h3{
   margin-top: 0.0em;
   margin-bottom: 0.2em;
}

.member p{
   margin: 0;
   margin-top: 0.0em;
   margin-bottom: 1em;
}



.team-container {
  display: grid;
  /*grid-template-columns: 32% 32% 32%;*/
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  /*grid-column-gap: 2%;
  grid-row-gap: 30px;*/
  grid-gap: 10px;
  /*background-color: #f8f8f8;*/
  color: #444;
}

.team-member{
   /*width: 100%;*/
   border: 1px solid LightGrey;
   /*line-height: auto;*/
   /*padding-top: 1em;
   padding-bottom: 1em;*/
   padding: 0;
   /*float: left;*/
   background-color: #ffffff;
   /*display: block;*/
}


/*#navbar a:link {color: #FFFFFF; text-decoration: none;}
#navbar a:active {color: #FFFFFF; text-decoration: none;}
#navbar a:visited {color: #FFFFFF; text-decoration: none;}
#navbar a:hover {color: #3399FF; text-decoration: none;}*/

.team-member a {
    text-decoration: none;
}

.team-member:hover{
   background-color: #3399ff;
   color: #ffffff;
}

.team-member h1
{
  font-size: 1.0em;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.0em;
  color: #222222;
  margin-bottom: 0.3em;
  font-family:"Source Sans Pro", Times, serif;
}

.team-member:hover h1{
   color: #ffffff;
}

.team-member:hover h2{
   color: #ffffff;
}

.team-member h2
{
  font-size: 0.8em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #505050;
  font-family:"Lora", Times, serif;
  margin-top: 0.3em;

}



.team-member p
{
  font-size: 0.7em;
  font-weight: 400;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  color: DimGrey;
}

.team-member img
{
   width: 100%;
   margin-bottom: 0;
}

.team_text{
   background-color: inherit;
   padding: 5%;
   margin-top: 0;
}

/*
 CSS checkbox for toggle profile TBD

 <div style='position: relative; width: 100%; height: 500px; opacity: 0; max-height: 0; background-color: #303030;'>
    <p>This is some text about me</p>
</div>

 .team-member-panel{
   position: relative;
   width: 100%;
   height: 500px;
   opacity: 0;
   max-height: 0;
   background-color: #303030;
}

.team-member:hover .team-member-panel{
   position: absolute;
   left: 0;
   bottom: 0;
   opacity: 100;
   display: block;
   max-height: auto;
}*/