/*
* CSS for LUMCON template (Our Team Showcase)
*/

.team_lumcon {
  color: #FFF;
  background-color: #1A334C;
  border: 1px solid #1A334C;
  border-radius: 0.5rem;
  margin: 0;
  padding: 0.5rem;
  font-size: 1rem;
}

.team_lumcon div.team-lumcon-person {
  width: 33.33%;
  float: left;
}

.team_lumcon div.team-lumcon-nopic {
  width: 160px;
  height: 160px;
  float: left;
  margin: 5px 10px 10px 5px;
  border: 1px solid transperant;
  border-radius: 0.5rem;
  cursor: pointer;
}

.team_lumcon div.team-lumcon-pic {
  width: 160px;
  height: 160px;
  float: left;
  margin: 5px 10px 10px 5px;
  border: 1px solid #FFF;
  border-radius: 0.5rem;
  cursor: pointer;
}

.team_lumcon div.team-lumcon-dat {
  float: left;
  font-size: 16px;
  width: 220px;
  height: 170px;
  overflow: auto;
}

.team_lumcon a:link { color: #1E90FF; }
.team_lumcon a:visited { color: #1E90FF; }
.team_lumcon a:hover { color: #5A5A5A; }
.team_lumcon a:active { color: #1E90FF; }

.team_lumcon span.team-lumcon-name { font-size: 1.2rem; }
/*
.team_lumcon span.team-lumcon-title {}
.team_lumcon span.team-lumcon-phone {}
.team_lumcon span.team-lumcon-email {}
*/

.team-lumcon-tooltip {
  cursor: help;
}

@media only screen and ( max-width: 800px )
{
  .team_lumcon div.team-lumcon-person {
    width: auto;
    float: none;
    display: block;
  }
}

@media only screen and ( max-width: 500px )
{
  .team_lumcon div.team-lumcon-pic {
    float: none;
  }
  .team_lumcon div.team-lumcon-dat {
    float: none;
  }
}