/* Start Team page css*/ .ourTeam{ padding: 100px 0; } .team-member { background: #fff; text-align: center; margin-bottom: 30px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .team-member .team-photo { background: #f2f2f2; min-height: 200px; margin: 0 auto; padding: 15px; } .team-member .team-attrs { padding: 10px 16px 16px 16px; color: #303030; } .team-member .team-attrs .team-name { font-size: 21px; } .team-member .team-attrs .team-position { font-size: 14px; letter-spacing: 2px; color: #a7a7a7; } .team-member .team-content { color: #303030; opacity: .8; padding: 16px 24px 40px 24px; font-size: 14px; text-align: center; } .team-member:hover { box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.2); } .item-wrap { margin-bottom: 30px; } .ourTeam figure { position: relative; overflow: hidden; text-align: center; } .ourTeam figure img { position: relative; opacity: 1.0; } .ourTeam figure figcaption { padding: 1.0em; color: #303030; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ourTeam figure figcaption > .fig-description a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; } .ourTeam figure figcaption:before, figure figcaption:after { pointer-events: none; } .ourTeam figure figcaption, figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ourTeam figure h3 { word-spacing: -0.15em; } .ourTeam figure h3 span { } .ourTeam figure h3, figure p { margin: 0; } .ourTeam figure p { letter-spacing: 1px; font-size: 68.5%; } /* Team Hover */ figure.effect-zoe { margin: 0; width: 100%; height: auto; min-width: 200px; max-height: none; max-width: none; float: none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } figure.effect-zoe img { display: inline-block; opacity: 1; } figure.effect-zoe p.icon-links { margin: 0px; } figure.effect-zoe p.icon-links a { color: #fff; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } figure.effect-zoe p.icon-links a i::before { color: #fff; font-size: 24px; display: inline-block; padding: 15px 10px; margin-left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure.effect-zoe p.icon-links a:hover i::before { color: #f2f2f2; } figure.effect-zoe p.phone-number a { color: #fff; font-size: 12px; } figure.effect-zoe p.phone-number a:hover { color: #f2f2f2; text-decoration: none; } figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 0; height: 8em; background: #ff9600; border-top: 3px solid #fff; color: #5d5d5d; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /* End Team page css*/