/*
Theme Name: Astra Child
Author: Dreamhost
Description: This is child theme of astra.
Version: 1.0.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.team-member .member-info .member-info-item {
	display: none;
	position: relative;
	width: 100%;
	height: 100%
}

.team-member .member-info .member-info-item.show {
	display: block
}

.team-member .member-info .member-info-item.show .member-name {
	-webkit-animation: showUp .3s forwards;
	animation: showUp .3s forwards
}

.team-member .member-info .member-info-item.show .member-conts {
	-webkit-animation: showUp .3s .2s forwards;
	animation: showUp .3s .2s forwards
}

.team-member .member-info .member-info-item.show .member-talk {
	-webkit-animation: showUp .3s .4s forwards;
	animation: showUp .3s .4s forwards
}

 /*.team-img {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 12%;
	height: 5.58rem;
	width: 5.58rem;
	margin-top: -1.12rem;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: translate(1rem, 0);
	-ms-transform: translate(1rem, 0);
	transform: translate(1rem, 0);
	transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s
}*/

 .team-img .team-img-item {
	-webkit-transform: scale(0.935);
	-ms-transform: scale(0.935);
	transform: scale(0.935);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	transition: opacity .3s, z-index .3s
}

 .team-img .team-img-item.show {
	opacity: 1;
	z-index: 1
}

 .team-img .team-img-item.show .qm {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: -webkit-transform .3s .1s;
	transition: transform .3s .1s
}

 .team-img .team-img-item .qm {
	position: absolute;
	left: 80%;
	top: 75%;
	-webkit-transform: translateX(0.5rem);
	-ms-transform: translateX(0.5rem);
	transform: translateX(0.5rem);
	transition: -webkit-transform .3s;
	transition: transform .3s;
	max-height: 1rem
}

 .team-img .team-img-item .qm img {
	height: 100%;
	object-fit: contain
}

 .team-img .member-img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	border: .03rem solid #54210f;
	box-sizing: border-box
}

.member-avatar {
	position: relative;
	width: 84%
}

.member-avatar .avatar-switch {
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 2;
	margin-top: -.08rem
}

.member-avatar .avatar-switch a {
	position: absolute;
	width: .11rem;
	height: .12rem
}

.member-avatar .avatar-switch a.swiper-button-disabled {
	opacity: 0
}

.member-avatar .avatar-switch .prev {
	background: url(https://web.archive.org/web/20241222154848im_/https://www.bulletfarm.com/public/img/page-about/left.png) no-repeat;
	background-size: 100% 100%;
	left: -.25rem
}

.member-avatar .avatar-switch .next {
	background: url(https://web.archive.org/web/20241222154848im_/https://www.bulletfarm.com/public/img/page-about/right.png) no-repeat;
	background-size: 100% 100%;
	right: -.25rem
}

.member-avatar .avatar-swiper {
	width: 100%;
	height: 100%
}

.member-avatar .swiper-slide {
	width: 50px;
	height: 50px;
	margin-right: .12rem;
	pointer-events: auto
}

.member-avatar .swiper-slide:last-child {
	margin-right: 0 !important
}

.member-avatar .swiper-slide.show img:nth-child(1) {
	display: none
}

.member-avatar .swiper-slide.show img:nth-child(2) {
	display: block
}


.member-avatar a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative
}

.member-avatar a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute
}

.member-avatar a img:nth-child(2) {
	display: none
}

.wrap .slide-about .team-member .member-avatar .avatar-switch {
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 2;
	margin-top: -.08rem
}

.team-member .member-avatar .avatar-switch a {
	position: absolute;
	width: .11rem;
	height: .12rem
}

.team-member .member-avatar .avatar-switch a.swiper-button-disabled {
	opacity: 0
}

 .team-member .member-avatar .avatar-switch .prev {
	background: url(https://web.archive.org/web/20241222154848im_/https://www.bulletfarm.com/public/img/page-about/left.png) no-repeat;
	background-size: 100% 100%;
	left: -.25rem
}

.team-member .member-avatar .avatar-switch .next {
	background: url(https://web.archive.org/web/20241222154848im_/https://www.bulletfarm.com/public/img/page-about/right.png) no-repeat;
	background-size: 100% 100%;
	right: -.25rem
}