File: //home/turkishi/www/wp-content/themes/kidzieo/css/team/team-style-2.css
.pbmit-team-style-2 .pbminfotech-post-item {
text-align: center;
position: relative;
}
.pbmit-team-style-2 .pbmit-featured-wrapper img {
border-radius: 100%;
}
.pbmit-team-style-2 .pbmit-team-title {
font-size: 24px;
line-height: 30px;
margin-bottom: 0;
}
.pbmit-team-style-2 .pbminfotech-box-team-position {
font-size: 14px;
line-height: 14px;
font-weight: 600;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-team-style-2 .pbmit-featured-wrap {
position: relative;
overflow: hidden;
border-radius: 100%;
margin-bottom: 30px;
}
.pbmit-team-style-2 .pbminfotech-social-box {
margin-top: 35px;
}
.pbmit-team-style-2 .pbmit-wrap-inner {
top: 50%;
position: relative;
-khtml-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
}
.pbmit-team-style-2 .pbmit-inner-wrap {
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 50px 70px;
border-radius: 100%;
background-color: var(--pbmit-kidzieo-global-color);
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
transition: 0.5s;
}
.pbmit-team-style-2:hover .pbmit-inner-wrap {
bottom: 0;
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.pbmit-team-style-2 .pbmit-short-description {
transition: 0.5s;
opacity: 0;
transform: translateY(-20px);
color: var(--pbmit-kidzieo-white-color);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.pbmit-team-style-2:hover .pbmit-short-description {
opacity: 1;
transform: translateY(0);
}
.pbmit-team-style-2 .pbmit-team-social-links li {
display: inline-block;
padding: 0 !important;
margin: 0 3px 3px 0;
}
.pbmit-team-style-2 .pbmit-team-social-links li:last-child {
margin: 0;
}
.pbmit-team-style-2 .pbmit-team-social-links li a {
font-size: 14px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
visibility: hidden;
border-radius: 100%;
background-color: var(--pbmit-kidzieo-white-color);
color: var(--pbmit-kidzieo-global-color);
transform: translateY(40px);
transition: 0.5s;
opacity: 0;
transition-delay: calc(0.2s);
}
.pbmit-team-style-2 .pbmit-team-social-links li a:hover {
color: var(--pbmit-kidzieo-white-color);
background-color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-team-style-2:hover .pbmit-team-social-links li a {
opacity: 1;
visibility: visible;
transform: translate(0);
}
.pbmit-text-color-white .pbmit-team-style-2 .pbmit-team-title a {
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-text-color-blackish .pbmit-team-style-2 .pbmit-team-title a {
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-team-style-2 .pbminfotech-box-team-position {
color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-team-style-2 .pbmit-inner-wrap {
background-color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-element-column-four .pbmit-team-style-2 .pbmit-inner-wrap {
padding: 40px;
}
.pbmit-element-column-four .pbmit-team-style-2 .pbmit-team-social-links li a {
font-size: 12px;
width: 35px;
height: 35px;
line-height: 35px;
}
.pbmit-team-style-2 .pbmit-featured-wrapper img,
.pbmit-element-column-one .pbmit-team-style-2 .pbmit-featured-wrapper img {
width: 100%;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-five .pbmit-team-style-2 .pbmit-inner-wrap,
.pbmit-element-column-six .pbmit-team-style-2 .pbmit-inner-wrap {
padding: 20px;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-five .pbmit-team-style-2 .pbmit-team-social-links li a,
.pbmit-element-column-six .pbmit-team-style-2 .pbmit-team-social-links li a {
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-five .pbmit-team-style-2 .pbmit-short-desc,
.pbmit-element-column-six .pbmit-team-style-2 .pbmit-short-desc {
font-size: 15px;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-five .pbmit-team-style-2 .pbminfotech-social-box,
.pbmit-element-column-six .pbmit-team-style-2 .pbminfotech-social-box {
margin-top: 15px;
}
/*=== rev ===*/
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-next {
top: inherit;
bottom: -80px;
left: inherit;
right: 47%;
}
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-prev {
top: inherit;
bottom: -80px;
left: 47%;
}
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-prev,
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-next {
width: inherit;
height: inherit;
background: transparent;
}
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-prev:hover,
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-next:hover {
background: transparent;
}
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-prev::after,
.pbmit-element-team-style-2.pbminfotech-element .swiper-button-next::after {
font-size: 40px;
color: var(--pbmit-kidzieo-global-color);
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-viewtype-masonry.pbmit-element-column-five .pbmit-team-style-2 .pbmit-inner-wrap,
.pbmit-element-viewtype-masonry.pbmit-element-column-six .pbmit-team-style-2 .pbmit-inner-wrap {
padding: 30px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-six .pbmit-team-style-2 .pbmit-short-description,
.pbmit-element-viewtype-masonry.pbmit-element-column-five .pbmit-team-style-2 .pbmit-short-description {
font-size: 14px;
-webkit-line-clamp: 2;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-viewtype-masonry.pbmit-element-column-five .pbmit-team-style-2 .pbmit-team-social-links li a,
.pbmit-element-viewtype-masonry.pbmit-element-column-six .pbmit-team-style-2 .pbmit-team-social-links li a {
font-size: 9px;
width: 20px;
height: 20px;
line-height: 20px;
}
.pbmit-element-viewtype-masonry.pbmit-element-column-six .pbmit-team-style-2 .pbmit-team-social-links li,
.elementor-section:not(.elementor-section-full_width) .pbmit-element-viewtype-masonry.pbmit-element-column-five .pbmit-team-style-2 .pbmit-team-social-links li {
margin: 0 4px 3px 0;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-viewtype-masonry.pbmit-element-column-five .pbmit-team-style-2 .pbminfotech-social-box,
.pbmit-element-viewtype-masonry.pbmit-element-column-six .pbmit-team-style-2 .pbminfotech-social-box {
margin-top: 5px;
}
@media(min-width: 1400px) and (max-width: 1600px) {
.pbmit-team-style-2 .pbmit-inner-wrap {
padding: 50px 50px;
}
}
@media(min-width: 1024px) and (max-width: 1400px) {
.pbmit-team-style-2 .pbmit-inner-wrap {
padding: 50px 20px;
}
}
@media(min-width: 991px) and (max-width: 1024px) {
.pbmit-team-style-2 .pbmit-inner-wrap {
padding: 50px 10px;
}
}
@media(min-width: 575px) and (max-width: 991px) {
.pbmit-team-style-2 .pbmit-inner-wrap {
padding: 50px 30px;
}
}
@media (max-width:1400px) {
.pbmit-element-team-style-2 .swiper-button-next {
right: 46%;
}
.pbmit-element-team-style-2 .swiper-button-prev {
left: 46%;
}
}
@media (max-width:1200px) {
.pbmit-element-team-style-2 .swiper-button-next {
right: 45%;
}
.pbmit-element-team-style-2 .swiper-button-prev {
left: 45%;
}
}
@media (max-width:991px) {
.pbmit-element-team-style-2 .swiper-button-next {
right: 44%;
}
.pbmit-element-team-style-2 .swiper-button-prev {
left: 44%;
}
}
@media (max-width:767px) {
.pbmit-element-team-style-2 .swiper-button-next,
.pbmit-element-team-style-2 .swiper-button-prev {
display: none;
}
.pbmit-element-team-style-2 .pbmit-ele-header-area {
margin-bottom: 60px;
}
}