/* Template: Webster - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Design and Developed by: potenzaglobalsolutions.com NOTE: This file contains Team CSS. */ /************************* team *************************/ .team { text-align: center; overflow: hidden; } .team .team-description { padding: 30px 20px; } .team .team-info h5 { text-transform: uppercase; } .team .team-info span { font-size: 14px; text-transform: uppercase;} .team .social-icons { text-align: center; display: inline-block; margin-top: 20px; } .team .team-contact span { display: block; font-size: 14px; } .team .team-contact span.call { font-size: 20px; line-height: 28px; font-weight: 600; margin: 10px 0; color: #FC5C3C; } .team .team-contact span i { padding-right: 5px; } /*team-hover*/ .team.team-hover .social-icons { position: absolute; top: 0; left: 10px; opacity: 0; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; } .team.team-hover .social-icons ul { display: block; } .team.team-hover .social-icons li { display: block; float: none; clear: both; } .team.team-hover .social-icons li a { margin: 3px 0; border-radius: 50%; } .team.team-hover:hover .social-icons { opacity: 1; left: 40px; } /*team border*/ .team-border .team-description { border:1px solid #eeeeee; } /*team bg*/ .team-bg .team-description { background: #f6f7f8; } /*team shadow*/ .team-shadow { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } /*team round*/ .team-round .team-photo img { border-radius: 50%; } /*team full border*/ .team-round.full-border { padding: 30px; border:1px solid #eeeeee; } .team-round.full-border .team-contact span.call { font-size: 16px; line-height: 22px; font-weight: normal; color: #363636; } .team-round.full-border .team-contact span.email { font-size: 17px; color: #FC5C3C; } .team-round.full-border .team-description { padding-bottom: 0; } .team.team-list { clear: both; } .team.team-list h5 { font-size: 26px; } .team.team-list .team-info span { font-size: 18px; } .team.team-list .team-photo { float: left; width: 40%; } .team.team-list .team-description { position: relative; overflow: hidden; text-align: left; } .team.team-list .team-description { padding-top: 0; } .team.team-list.team-hover .social-icons { opacity: 1; left: inherit; top: inherit; margin-top:15px; } .team.team-list.team-hover .social-icons li { float: left; } .team.team-list.team-hover .team-description { padding: 30px 20px 50px; } /*team-overlay*/ .team.team-overlay { position: relative; } .team.team-overlay .team-description { width: 100%; padding: 10px 0px; position: absolute; bottom: 10px; display: block; margin-top: 0; float: left; z-index: 9; padding-left: 20px; left: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .team.team-overlay .team-description span { display: block; } .team.team-overlay:before { z-index: 1; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; content: ""; ackground: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.9) 100%); top: auto; height: 75%; transition: all .35s; } .team.team-overlay img { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } .team.team-overlay:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20); } .team.team-overlay.team-hover .social-icons, .team.team-overlay.team-hover .team-contact { display: none; }