.lvca-team-members .lvca-team-member .lvca-social-list { margin-top: 20px; } .lvca-team-members .lvca-team-member .lvca-social-list .lvca-social-list-item { display: inline; margin: 0 15px 0 0; } .lvca-team-members .lvca-team-member .lvca-team-member-details { font-size: 15px; line-height: 24px; } .lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; } .lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-team-member-position { font-size: 15px; line-height: 24px; font-style: italic; color: #888; margin-bottom: 10px; } /*-------- Style 1 ----------------*/ .lvca-team-members.lvca-style1 .lvca-team-member-wrapper { float: left; padding: 10px; } .lvca-team-members.lvca-style1 .lvca-team-member { max-width: 320px; margin: 0 auto 40px; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper { text-align: center; position: relative; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper img { max-width: 100%; margin: 0 auto 30px; border-radius: 50%; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list { position: absolute; height: 100%; width: 100%; top: 40%; z-index: 2; } @media only screen and (max-width: 767px) { .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list { position: relative; top: 0; } } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list i { font-size: 26px; color: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list i:hover { color: #ccc; } @media only screen and (max-width: 767px) { .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list i { color: inherit; opacity: 1; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-image-wrapper .lvca-social-list i:hover { color: inherit; } } .lvca-team-members.lvca-style1 .lvca-team-member:hover .lvca-image-wrapper img { -webkit-filter: brightness(50%); filter: brightness(50%); } @media only screen and (max-width: 767px) { .lvca-team-members.lvca-style1 .lvca-team-member:hover .lvca-image-wrapper img { -webkit-filter: brightness(80%); filter: brightness(80%); } } .lvca-team-members.lvca-style1 .lvca-team-member:hover .lvca-image-wrapper .lvca-social-list i { opacity: 1; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-team-member-text { text-align: center; max-width: 650px; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-team-member-text .lvca-title { margin-bottom: 10px; } .lvca-team-members.lvca-style1 .lvca-team-member .lvca-social-list { margin: 10px auto; } /*-------- Style 2 ----------------*/ .lvca-team-members.lvca-style2 { position: relative; max-width: 960px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper { clear: both; margin-top: 100px; /* Make that flip-flop possible */ } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:first-child { margin-top: 0; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-image-wrapper { float: left; position: relative; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-image-wrapper img { max-width: 320px; border-radius: 50%; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-team-member-text { margin: 10px 0 0; vertical-align: middle; padding-top: 20px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-team-member-text .lvca-title { margin-bottom: 5px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-team-member-text .lvca-team-member-details { margin: 10px 0 10px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper .lvca-team-member-text .lvca-social-list i { font-size: 24px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:hover .lvca-image-wrapper img { -webkit-filter: brightness(80%); filter: brightness(80%); } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(odd) .lvca-image-wrapper { margin-right: 50px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(even) .lvca-image-wrapper { float: right; margin-left: 50px; } .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(even) .lvca-team-member-text .lvca-title, .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(even) .lvca-team-member-text .lvca-team-member-position, .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(even) .lvca-team-member-text .lvca-team-member-details, .lvca-team-members.lvca-style2 .lvca-team-member-wrapper:nth-child(even) .lvca-team-member-text .lvca-social-list { text-align: right; } @media only screen and (max-width: 767px) { .lvca-team-members.lvca-style2 .lvca-team-member-wrapper { margin-top: 75px; } .lvca-team-members.lvca-style2 .lvca-team-member .lvca-image-wrapper, .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text { width: 100%; float: none; } .lvca-team-members.lvca-style2 .lvca-team-member .lvca-image-wrapper { text-align: center; } .lvca-team-members.lvca-style2 .lvca-team-member .lvca-image-wrapper img { margin: 0 auto 20px; } .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text { max-width: 400px; margin: 0 auto; padding-top: 0; } .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text .lvca-title, .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text .lvca-team-member-position, .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text .lvca-team-member-details, .lvca-team-members.lvca-style2 .lvca-team-member .lvca-team-member-text .lvca-social-list { text-align: center !important; } } .lvca-dark-bg .lvca-team-members .lvca-team-member .lvca-team-member-details { color: #909090; } .lvca-dark-bg .lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-title { color: #e5e5e5; } .lvca-dark-bg .lvca-team-members .lvca-team-member .lvca-team-member-text .lvca-team-member-position { color: #505050; } /*# sourceMappingURL=style.css.map */