@front10/landing-page-book/dist/components/Team/style.legacy_browsers.css

A react library for landing page

:root {
  --Card-borderRadius: 0px;
  --Card__Summary-fontSize: 0.8rem;
  --Card__Summary-color: #000;
  --Card__Summary-backgroundColor: #fff;
  --Card__Title-fontSize: 1.2rem;
  --Card__Title-color: #000;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card__Subtitle-color: #b5b5b5;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.Card {
  background-color: transparent;
  border-radius: 0px; }
  .Card .Card__Summary {
    font-size: 0.8rem;
    color: #000;
    background-color: #fff; }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: 1.2rem;
    color: #000; }
  .Card .Card__Subtitle {
    font-size: 0.9rem;
    color: #b5b5b5; }

.Card--shadow {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.SocialMediaShareButton {
  display: inline-block;
  cursor: pointer; }
  .SocialMediaShareButton div {
    width: 35px !important;
    height: 35px !important; }
  .SocialMediaShareButton svg {
    width: 30px;
    height: 30px; }

.SocialMediaShareButton--grayScale svg {
  filter: grayscale(1); }

:root {
  --Team__Image-width: 100px;
  --Team__Image-height: 100px; }

.Team .Card img {
  width: 100px;
  height: 100px;
  margin-top: 1.25rem; }

.Team--center .Card img {
  margin-left: auto;
  margin-right: auto; }

.Team--left .Card img {
  margin-right: auto; }

.Team--right .Card img {
  margin-left: auto; }

.Team__Color {
  position: relative; }
  .Team__Color .Team__Color__Primary {
    height: 90px;
    position: absolute;
    top: 0px;
    width: 100%; }