/*
    Document   : klStaffList_front_scripts
    Created on : 16-Oct-2014, 4:18:18 PM
    Author     : karenlaansoo
    Description:
        Front End Styling of the Staff Member Plugin.
*/

/**
=============
Side Widgets
=============
*/
div.staff-item {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px 5%;
	padding: 1.25em 5%;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    text-align: justify;
    margin-top: 60px;
    margin-top: 3.75rem;
}
div.staff-item:first-child{
    margin-top: 35px;
    margin-top: 2.1875rem;
}
.staff-avatar{
    width: 106px;
	width: 6.625rem;
    height: 107px;
	height: 6.6875rem;
    border-radius: 95px;
    margin: -70px auto 10px auto;
    border: 1px solid #95a1b1;
}
.entry-header .staff-avatar{
    margin-top: -10px;
    margin-top: -0.625rem;
}
.staff-avatar img, .nav-avatar img{
    width: 105px;
	width: 6.5625rem;
    height: 105px;
	height: 6.5625rem;
    border-radius: 95px;
    border: 8px solid #fff;
	border: .5rem solid #fff;
    display: block;
    z-index: 0;
    float:left;
}
.nav-avatar img{
    float:none;
    margin-right: 5px;
	margin-right: .3125rem;
    display: inline-block;
    vertical-align: middle;
    height: 80px;
	height: 5rem;
    width: 80px;
	width: 5rem;
    border-radius: 70px;
	border-radius: 4.375rem;
}
div.entry-header .staff-avatar img{
    float:none;
}
div.staff-avatar .staff-icon{
    margin-top: -34px;
	margin-top: -2.125rem;
    margin-left: 75px;
	margin-left: 4.6875rem;
    display: inline-block;
    background-color: #253648;
    z-index: 1;
    border-radius: 20px;
	border-radius: 1.25rem;
    width: 30px;
	width: 1.875rem;
    height: 30px;
	height: 1.875rem;
    text-align:center;
    float: right;
}
div.staff-avatar .staff-icon:hover{
    background-color: #036a38;
}
div.staff-avatar .fa-info:before{
    color:#fff;
    font-size: 18px;
    font-size: 1.125rem;
    vertical-align: middle;
    line-height: 1.8;
}
div.staff-item .staff-title{
    font-weight: bold;
    width: 100%;
    text-align:center;
    font-size: 20px;
	font-size: 1.25rem;
}
div.staff-item .staff-position{
    text-align:center;
}
.staff-contact .full-width{
  display: block;
  width: 100%;
  background-color: #e8e8e8;
  border-radius: 15px;
  border-radius: .9375rem;
  margin-bottom: 10px;
  margin-bottom: .625rem;
  height: 35px;
  height: 2.1875;
  position: relative;
  text-decoration: none;
  border: 1px solid #e5e5e5;
  border: 0.0625rem solid #e5e5e5;
  padding-left: 40px;
  padding-left: 2.5rem;
  line-height: 2;
}
.staff-contact .full-width .fa{
  height: 100%;
  width: 35px;
  width: 2.1875rem;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  border-radius: 1.875rem;
  position: absolute;
  left: 0;
}
.staff-contact .full-width .fa:before{
  line-height: 2;
}
.staff-social a{
  display: inline-block;
  width: 35px;
  width: 2.1875rem;
  height: 35px;
  height: 2.1875rem;
  margin-right: 3px;
  margin-right: 0.1875rem;
}
.staff-social .fa{
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border-radius: 1.875rem;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
}
.staff-social .fa-instagram{
  background: #bc2a8d;
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
}
.staff-social .fa-twitter{
  background: #00aced;
  color: #000000;
}
.staff-social .fa-linkedin{
  background: #007bb6;
}
.staff-social .fa-facebook{
  background: #3b5998;
}
.staff-social .fa-youtube{
  background: #bb0000;
}
.single-staff #bioFacts ul{
  padding: 0 10px;
  padding: 0 .625rem;
}
.single-staff #bioFacts li{
  list-style:none;
  position: relative;
  padding: 10px 15px 0;
  padding: .625rem .9375rem 0;
  font-size: 14px;
}
.single-staff #bioFacts li:before{
  font-family: "fontawesome";
  content: "\f005";
  position: absolute;
  font-size: 12px;
  font-size: .75rem;
  left: 0;
  top: 12px;
  top: .75rem;
}
.single-staff #bioVideoGallery img{
  width: 100%;
}
.site-content .widget-area .staff-avatar img{
  margin: 0;
}