File Content: team-post-single-rtl.css /* ==================== ##Team #Single Post ==================== */ .elementor-social-icon-instagram.elementor-icon { background-color: #c52ea7; } .single-team .single_team_page { margin-top: 0; } .single-team .wgl_col-12 .team__member-wrap { border-radius: 0; display: flex; gap: 76px; margin-bottom: 30px; border: 1px solid var(--wuko-form-border-color); } @media (max-width: 1200px) { .single-team .wgl_col-12 .team__member-wrap { gap: 30px; } } @media (max-width: 992px) { .single-team .wgl_col-12 .team__member-wrap { flex-direction: column; } } @media (max-width: 767px) { .single-team .wgl_col-12 .team__member-wrap { margin-bottom: 30px; } } .single-team .wgl_col-12 .member__thumbnail-wrap { position: relative; z-index: 2; flex-shrink: 0; } @media (max-width: 992px) { .single-team .wgl_col-12 .member__thumbnail-wrap { flex-shrink: unset; } } .single-team .wgl_col-12 .member__thumbnail-wrap.wgl-easy-sticky { position: sticky; align-self: flex-start; top: 50px; } @media (max-width: 992px) { .single-team .wgl_col-12 .member__thumbnail-wrap.wgl-easy-sticky { position: relative; top: unset; } } .single-team .wgl_col-12 .member__thumbnail-wrap .thumbnail__featured { border-radius: 0; } @media (min-width: 993px) { .single-team .wgl_col-12 .member__thumbnail-wrap .thumbnail__featured { width: 570px; } } .single-team .wgl_col-12 .team__member-wrap .team__member { display: flex; position: relative; z-index: 1; background-repeat: no-repeat; background-position: center; padding: 40px; padding-right: 0; } @media (max-width: 992px) { .single-team .wgl_col-12 .team__member-wrap .team__member { padding: 20px; padding-top: 0; } } .single-team .wgl_col-12 .team__member-wrap .team__member:empty { display: none; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__info { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__name { position: relative; z-index: 1; margin-bottom: 14px; color: var(--wuko-header-font-color); letter-spacing: 0; font-size: 48px; line-height: 1.333em; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__name span { font: inherit; color: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; } @media (max-width: 767px) { .single-team .wgl_col-12 .team__member-wrap .team__member .member__name { margin-bottom: 15px; } } .single-team .wgl_col-12 .team__member-wrap .team__member .member__excerpt { margin: 2px 0 14px; position: relative; z-index: 1; color: var(--wuko-content-color); } .single-team .wgl_col-12 .team__member-wrap .team__member .member__highlighted { font-size: 13px; font-weight: 500; font-family: var(--wuko-header-font-family); line-height: 1; transition: 0.4s; position: relative; z-index: 1; display: inline-block; width: max-content; margin-bottom: 13px; color: var(--wuko-secondary-color); background: var(--wuko-primary-color); border-radius: 5px; padding: 7px 10px; letter-spacing: 0.05em; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item { padding: 9px 0; font-size: 15px; line-height: 1.5em; font-weight: 400; font-family: var(--wuko-header-font-family); color: var(--wuko-content-color); } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item h5, .single-team .wgl_col-12 .team__member-wrap .team__member .info__item span { display: inline-block; font: inherit; line-height: inherit; color: inherit; letter-spacing: 0; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item h5 { margin-left: 1.1em; font-weight: 500; font-size: 14px; min-width: 130px; color: var(--wuko-header-font-color); letter-spacing: 0.05em; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item a { color: inherit; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item a:hover { opacity: 0.5; color: var(--wuko-content-color); } .single-team .wgl_col-12 .team__member-wrap .team__member .member__socials { margin-top: 22px; margin-right: -10px; line-height: 1; width: -moz-fit-content; width: fit-content; } @media (max-width: 1200px) { .single-team .wgl_col-12 .team__member-wrap .team__member[style^="background-image: url"] { background-position: 1% 99%; } } @media (max-width: 992px) { .single-team .wgl_col-12 .team__member-wrap .team__member { flex-direction: column; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__thumbnail-wrap { margin: 0 auto; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__socials { margin: 17px auto 0; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__info { width: 100%; text-align: center; display: block; margin: 0; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item h5 { min-width: auto; margin-left: 0; display: block; } } @media (max-width: 767px) { .single-team .wgl_col-12 .team__member-wrap .team__member[style^="background-image: url"] { background-image: none !important; } } @media (max-width: 600px) { .single-team .wgl_col-12 .team__member-wrap .team__member .member__name { margin-bottom: 17px; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__name, .single-team .wgl_col-12 .team__member-wrap .team__member .member__name span { font-size: 34px; } .single-team .wgl_col-12 .team__member-wrap .team__member .info__item h5 + span, .single-team .wgl_col-12 .team__member-wrap .team__member .info__item h5 + a { display: block; margin-right: unset; } } @media (max-width: 380px) { .single-team .wgl_col-12 .team__member-wrap .team__member .member__name, .single-team .wgl_col-12 .team__member-wrap .team__member .member__name span { font-size: 30px; line-height: 34px; } .single-team .wgl_col-12 .team__member-wrap .team__member .member__info { padding: 35px 10px 20px; } } @media (min-width: 1201px) { .single-team .single_team_page > .wgl_col-6 + .wgl_col-6 { padding-right: 55px; } } @media (max-width: 992px) { .single-team .single_team_page { margin-top: 0; } .single-team .single_team_page .wgl_col-6 { width: 100%; } } Submit