@charset "UTF-8";

/* style sheet for the FAD multiple card view */


body {margin:0;font-family: 'Lato', Helvetica, sans-serif;background-color:#862633;height:100%;}

.container {width:100%;}



  .leftnav {width:100%;float:left;color:#fff;padding:0;box-sizing:border-box;background-color:#862633;} 

  .leftnav img {
    margin: 10px auto;
    display: block;
    width: auto;
    height: 140px; /* adjust height to adjust logo size */
    /*float: left;*/
}


  .leftnav .content {border-left:1px solid white;color:#ddd;margin:10px auto 10px auto;padding: 0 10px;text-align:left;font-size:16px;width:auto;display:table;}

  .rt-col {width:100%;margin:0;background-color: #fff;float:left;min-height:100%;padding-bottom:30%;}
/* adjusted padding bottom to 30% from the original file */
  .name-window {
  background-color:#ddd;
  margin:0;
  padding-left:20px;
  box-sizing:border-box;
  
  }
  
  
  .name-window img {padding-left:10px;}
  
  .name-window h1 {margin:0;padding-left:10px;display:inline-block;font-size:32px;}
  
  @media screen and (min-width:768px) {
  
  
  
  
  .cont-window-card {
  background-color:#fff;
  border-top:0px solid #862633;
  margin:20px 10px 0 10px;
  padding:20px 20px 0 20px;
  box-sizing:border-box;
  float:left;
  width:300px;
  height:400px;
  box-shadow:2px 2px 2px 2px #bbb;
  }
  .cont-window-card:hover {
  
  box-shadow:2px 2px 2px 2px #999;
  }
  
  
  
  }
  
  @media screen and (max-width:767px) {
  
  
  
  
  .cont-window-card {
  background-color:#fff;
  border-top:0px solid #862633;
  margin:20px 10px 10px 10px;
  padding:20px 20px 20px 20px;
  box-sizing:border-box;
  float:left;
  width:96%;
  height:auto;
  box-shadow:2px 2px 2px 2px #bbb;
  }
  
  
  
  }
  
  
  

  .cont-window-card img {
  margin: 0 auto;
  display:block;
  border:0px solid #555;
  max-height: 105px; /* add max height for oversized images */
  }



  h1 {
  color:#222;
  font-weight:300;
  font-size:32px;
  
  
  }

  .name {
  font-weight:400;
  margin:16px 0 10px 0;
  color:#444;
  font-size:17px;
  text-align:center;
  
  }
  
  .title, .dept, .building, .phone, .email, .profile {
  font-weight:300;
  line-height:24px;
  color:#444;
  font-size:16px;
  text-align:center;
  
  }
  
  .building img {
  display:inline;
  opacity:.8;
  }
  .phone img {
  display:inline;
  opacity:.8;
  }
  .email img {
  display:inline;
  opacity:.8;
  padding-right:2px;
  }
  
  
  
  



.leftnav .content a:link, a:visited {
color:#ddd;
text-decoration: none;
}
.leftnav .content a:hover, a:focus {
color:#fff;
text-decoration: underline;
}


.cont-window-card a:link, a:visited {
color:#862633;
text-decoration: none;
}
.cont-window-card a:hover, a:focus {
color:#000;
text-decoration: underline;
}