// Core variables and mixins
@import "sub-stylesheet/_variables";
@import "sub-stylesheet/_mixins";
@import "sub-stylesheet/_global";







.team-item-style1 {
  background-color: $white;
  box-shadow: 0 0 10px 0 rgba($black,0.1);
  @include border-radius(10px);
  padding-top: 30px;
  overflow: hidden;
  .team-thumb {
    width: 150px;
    height: 150px;
    @include border-radius(50%);
    border: 10px solid #fff;
    box-shadow: 0 0 10px 0 rgba($black,0.1);
    display: inline-block;
    overflow: hidden;
    margin-bottom: 20px;
    img {
      width: 100%;
    }
  }
  .team-content {
    .name {
      margin-bottom: 0;
    }
    .designation {
      margin-bottom: 30px;
    }
  }
}


.da-social-media-list {
  padding: 10px 30px;
  box-shadow: 0 0 10px 0 rgba($black,0.1);
  margin-bottom: 0;
  margin : 0;

  li {
    a {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      display: block;
      @include transition(0.3s);
      @include border-radius(50%);
      border: 1px solid rgba($facebook,0.5);
      &.facebook {
        border: 1px solid rgba($facebook,0.5);
        color: $facebook;
        &:hover {
          background-color: $facebook;
          color: $white;
          border: 1px solid rgba($facebook,1);
        }
      }
      &.twitter {
        border: 1px solid rgba($twitter,0.5);
        color: $facebook;
        &:hover {
          background-color: $twitter;
          color: $white;
          border: 1px solid rgba($twitter,1);
        }
      }
      &.linkedin {
        border: 1px solid rgba($linkedin,0.5);
        color: $linkedin;
        &:hover {
          background-color: $linkedin;
          color: $white;
          border: 1px solid rgba($linkedin,1);
        }
      }
      &.behence {
        border: 1px solid rgba($behance,0.5);
        color: $behance;
        &:hover {
          background-color: $behance;
          color: $white;
          border: 1px solid rgba($behance,1);
        }
      }
    }
  }
}




//  TEAM CAROUSEL
.team-carousel {
	overflow: hidden;
	.team-member-item{
	  .team-thumb {
	    position: relative;
	    overflow: hidden;
	    img {
	      width: 100%;
	      @include transition(0.3s);
	      -webkit-filter: grayscale(100%);
	      filter: grayscale(100%);
	      @include transform(scale(1.005));
	    }
	    .team-content {
	      position: absolute;
	      left: 0;
	      bottom: -30px;
	      width: 100%;
	      z-index: 1;
	      padding: 30px 25px;
	      @include transition(0.3s);
	      opacity: 0;
	      .team-content-inner {
	        background-color: $white;
	        padding: 30px 20px 20px 30px;
	        @include border-radius(5px);
	        .name {
	          font-weight: 500;
	          position: relative;
	          margin-bottom: 10px;
	          &:after {
	            content: '';
	            position: absolute;
	            left: 0;
	            bottom: -10px;
	            width: 24px;
	            height: 1px;
	            //background-color: $base-color1;
	            z-index: 1;
	          }
	        }
	        .designation {
	          margin-bottom: 0;
            font-size: 14px;
            padding-bottom: 10px;
	        }
	        .social-media-list {
            margin: 0;
            padding : 0;
	          li {
              padding-right : 20px;
	            a {
	              font-size: 16px;
	            }
	          }
	          li:first-child {
	            a {
	              padding-left: 0;
	            }
	          }
	        }
	      }
	    }
	  }
	  &:hover {
	    .team-thumb {
	      img {
	        -webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
	        @include transform(scale(1.1));
	      }
	    }
	    .team-content {
	      bottom: 0;
	      opacity: 1;
	    }
	  }
	}
}





// team style 2

.team-item-style2{
  padding: 30px 40px;
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0 0 10px 0 rgba($black, 0.1);;
  -moz-box-shadow: 0 0 10px 0 rgba($black, 0.1);
  box-shadow: 0 0 10px 0 rgba($black, 0.1);
  margin: 25px auto;
  max-width: 400px;
  @include breakpoint(lg){
    margin: 0;
  }
  .team-thumb {
    width: 170px;
    height: 170px;
    //border: 10px solid #e9e9e9;
    @include border-radius(50%);
    img {
    	width: 100%;
      @include border-radius(50%);
      @include transition(0.5s);
    }
    .team-thumb-inner {
      width: 100%;
      overflow: hidden;
      border: 10px solid #e9e9e9;
      @include border-radius(50%);
      position: relative;
      z-index: 2;
    }
    position: relative;
    &:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: 10px solid #e9e9e9;
      @include border-radius(50%);
      transform-origin: center;
    }
  }
  .team-content {
    padding-top: 30px;
    .name {
      margin-bottom: 0;
      a {
        color: inherit;
      }
      &:hover {
        a {
          color: $base-color2;
        }
      }
    }
    .designation {
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 400;
    }
  }
  .social-media-list {
    position: absolute;
    right: 0;
    top: 0;
    padding: 23px 10px;
    margin-bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0);
    li {
      a {
        padding: 17px 10px;
        font-size: 16px;
        font-weight: 700;
        display: block;
        &:hover {
          color: $base-color2;
        }
      }
    }
  }
  &:hover {
    .team-thumb {
      &:after {
        animation: dhew-anim 1.5s infinite;
      }
      img {
        @include transform(scale(1.1));
      }
    }
    .social-media-list {
      box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    }
  }
}

@-webkit-keyframes dhew-anim {
  0%{
    @include transform(scale(0.5));
    opacity: 1;
  }
  100% {
    @include transform(scale(1.5));
    opacity: 0;
  }
}