.archive_team {
margin-bottom: 110px;
}
@media (max-width: 1024px) {
.archive_team {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 80px;
}
}
.archive_team .content {
display: grid;
}
.archive_team .content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 40px;
}
@media (max-width: 1200px) {
.archive_team .content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_team .content.four_column {
grid-template-columns: auto;
}
}
.archive_team .content.three_column {
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 70px;
grid-row-gap: 40px;
}
@media (max-width: 1200px) {
.archive_team .content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.archive_team .content.three_column {
grid-template-columns: auto;
}
}
.archive_team .content.two_column {
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
grid-row-gap: 40px;
}
@media (max-width: 767px) {
.archive_team .content.two_column {
grid-template-columns: auto;
}
}
.archive_team .content .item-team:hover .img .ova-line1 {
transition: all 0.5s ease;
left: calc(100% - 172px);
opacity: 0.9;
}
.archive_team .content .item-team:hover .img img {
transition: all 0.5s ease;
transform: scale(1.05);
}
.archive_team .content .item-team:hover .img .list-icon {
transition: all 0.5s ease;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.archive_team .content .item-team:hover .img .share-button {
transition: all 0.5s ease;
}
.archive_team .content .item-team:hover .img .share-button i {
transition: all 0.5s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(0.95) rotate(45deg);
transform: scale(0.95) rotate(45deg);
}
.archive_team .content .item-team .img {
position: relative;
background-color: var(--heading);
}
.archive_team .content .item-team .img .ova-line1 {
transition: all 0.5s ease;
position: absolute;
display: block;
width: 147px;
height: 11px;
background: var(--primary);
top: -11px;
left: 25px;
}
.archive_team .content .item-team .img .line-wrapper {
position: absolute;
left: -20px;
bottom: -20px;
}
.archive_team .content .item-team .img .line-wrapper .ova-line2 {
display: block;
width: 2px;
height: 94px;
background: #e5e5e5;
top: 0;
right: 0;
}
.archive_team .content .item-team .img .line-wrapper .ova-line2:before {
content: "";
position: absolute;
width: 27px;
height: 2px;
left: 0;
bottom: 0;
background: #e5e5e5;
}
.archive_team .content .item-team .img .img-wrapper {
overflow: hidden;
}
.archive_team .content .item-team .img img {
transition: all 0.5s ease;
display: block;
height: 460px;
width: 100%;
object-fit: cover;
transform: scale(1);
}
.archive_team .content .item-team .img .list-icon {
transition: all 0.5s ease;
position: absolute;
bottom: 70px;
right: 30px;
background-color: var(--secondary);
box-shadow: 0px 10px 58.8px 1.2px rgba(0, 0, 0, 0.07);
padding: 16px 0;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.archive_team .content .item-team .img .list-icon ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.archive_team .content .item-team .img .list-icon ul .item {
text-align: center;
width: 40px;
}
.archive_team .content .item-team .img .list-icon ul .item:not(:last-child) {
margin-bottom: 8px;
}
.archive_team .content .item-team .img .list-icon ul .item i {
font-size: 14px;
color: #fff;
}
.archive_team .content .item-team .img .list-icon ul .item i:hover {
color: var(--primary);
}
.archive_team .content .item-team .img .share-button {
position: absolute;
bottom: 30px;
right: 30px;
transition: all 0.5s ease;
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.archive_team .content .item-team .img .share-button i {
transition: all 0.3s ease;
color: #fff;
line-height: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.archive_team .content .item-team .info {
background-image: url(//pmfhws.org/wp-content/plugins/ova-team/assets/img/bg-lines-team.png);
background-position: top right;
background-repeat: no-repeat;
background-size: auto;
background-color: #fff;
padding: 16px 30px;
text-align: left;
}
.archive_team .content .item-team .info .name-job .name {
transition: all 0.3s ease;
margin: 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
line-height: 1.4;
}
.archive_team .content .item-team .info .name-job .name a {
transition: all 0.3s ease;
color: var(--heading);
}
.archive_team .content .item-team .info .name-job .name a:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.archive_team .content .item-team .info .name-job .job {
transition: all 0.3s ease;
margin: 0;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
}
.ova_team_single {
width: 100%;
}
.ova_team_single .info {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 110px;
padding-bottom: 110px;
border-bottom: 1px solid #e5e5e5; }
@media (max-width: 1024px) {
.ova_team_single .info {
grid-column-gap: 60px;
}
}
@media (max-width: 767px) {
.ova_team_single .info {
grid-template-columns: auto;
padding-bottom: 80px;
}
}
.ova_team_single .info .img {
display: inline-block;
position: relative;
}
.ova_team_single .info .img .img-name {
position: absolute;
height: 100%;
left: -115px;
bottom: 10px;
font-size: 80px;
font-weight: 200;
color: #f5f5f5;
text-align: center;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: 20px;
writing-mode: tb-rl;
transform: rotate(-180deg);
}
@media (max-width: 1500px) {
.ova_team_single .info .img .img-name {
display: none;
}
}
.ova_team_single .info .img img {
display: block;
height: 525px;
width: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.ova_team_single .info .img {
margin-bottom: 30px;
}
}
.ova_team_single .info .main_content .social {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.ova_team_single .info .main_content .social li {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #f2f4f9;
}
.ova_team_single .info .main_content .social li:not(:last-child) {
margin-right: 10px;
}
.ova_team_single .info .main_content .social li:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ova_team_single .info .main_content .social li:hover i {
color: #fff;
}
.ova_team_single .info .main_content .social li a {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.ova_team_single .info .main_content .social li i {
transition: all 0.3s ease;
font-size: 14px;
color: var(--heading);
display: inline-flex;
}
.ova_team_single .info .main_content .name {
margin: 0;
font-weight: 800;
font-size: 40px;
line-height: 1.5;
color: var(--heading);
}
.ova_team_single .info .main_content .job {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
padding-bottom: 20px;
}
.ova_team_single .info .main_content .slogans h1, .ova_team_single .info .main_content .slogans h2, .ova_team_single .info .main_content .slogans h3, .ova_team_single .info .main_content .slogans h4 {
font-size: 30px;
line-height: 1.4;
font-weight: 500;
color: var(--primary);
padding-bottom: 20px;
}
.elementor-widget-ova_team {
text-align: center;
}
.ova-team {
display: inline-block;
position: relative;
}
.ova-team .content {
display: grid;
}
.ova-team .content.four_column {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 40px;
}
@media (max-width: 1200px) {
.ova-team .content.four_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-team .content.four_column {
grid-template-columns: auto;
}
}
.ova-team .content.three_column {
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 70px;
grid-row-gap: 40px;
}
@media (max-width: 1200px) {
.ova-team .content.three_column {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.ova-team .content.three_column {
grid-template-columns: auto;
}
}
.ova-team .content.two_column {
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
grid-row-gap: 40px;
}
@media (max-width: 767px) {
.ova-team .content.two_column {
grid-template-columns: auto;
}
}
.ova-team .content .item-team:hover .img .ova-line1 {
transition: all 0.5s ease;
left: calc(100% - 172px);
opacity: 0.9;
}
.ova-team .content .item-team:hover .img img {
transition: all 0.5s ease;
transform: scale(1.05);
}
.ova-team .content .item-team:hover .img .list-icon {
transition: all 0.5s ease;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.ova-team .content .item-team:hover .img .share-button {
transition: all 0.5s ease;
}
.ova-team .content .item-team:hover .img .share-button i {
transition: all 0.5s ease;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(0.95) rotate(45deg);
transform: scale(0.95) rotate(45deg);
}
.ova-team .content .item-team .img {
position: relative;
background-color: var(--heading);
}
.ova-team .content .item-team .img .ova-line1 {
transition: all 0.5s ease;
position: absolute;
display: block;
width: 147px;
height: 11px;
background: var(--primary);
top: -11px;
left: 25px;
}
.ova-team .content .item-team .img .line-wrapper {
position: absolute;
left: -20px;
bottom: -20px;
}
.ova-team .content .item-team .img .line-wrapper .ova-line2 {
display: block;
width: 2px;
height: 94px;
background: #e5e5e5;
top: 0;
right: 0;
}
.ova-team .content .item-team .img .line-wrapper .ova-line2:before {
content: "";
position: absolute;
width: 27px;
height: 2px;
left: 0;
bottom: 0;
background: #e5e5e5;
}
.ova-team .content .item-team .img .img-wrapper {
overflow: hidden;
}
.ova-team .content .item-team .img img {
transition: all 0.5s ease;
display: block;
height: 460px;
width: 100%;
object-fit: cover;
transform: scale(1);
}
.ova-team .content .item-team .img .list-icon {
transition: all 0.5s ease;
position: absolute;
bottom: 70px;
right: 30px;
background-color: var(--secondary);
box-shadow: 0px 10px 58.8px 1.2px rgba(0, 0, 0, 0.07);
padding: 16px 0;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.ova-team .content .item-team .img .list-icon ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ova-team .content .item-team .img .list-icon ul .item {
text-align: center;
width: 40px;
}
.ova-team .content .item-team .img .list-icon ul .item:not(:last-child) {
margin-bottom: 8px;
}
.ova-team .content .item-team .img .list-icon ul .item i {
font-size: 14px;
color: #fff;
}
.ova-team .content .item-team .img .list-icon ul .item i:hover {
color: var(--primary);
}
.ova-team .content .item-team .img .share-button {
position: absolute;
bottom: 30px;
right: 30px;
transition: all 0.5s ease;
width: 40px;
height: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: var(--primary);
}
.ova-team .content .item-team .img .share-button i {
transition: all 0.3s ease;
color: #fff;
line-height: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.ova-team .content .item-team .info {
background-color: #fff;
padding: 16px 30px;
text-align: left;
}
.ova-team .content .item-team .info .name-job .name {
transition: all 0.3s ease;
margin: 0;
font-size: 24px;
font-weight: 800;
color: var(--heading);
line-height: 1.4;
}
.ova-team .content .item-team .info .name-job .name a {
transition: all 0.3s ease;
color: var(--heading);
}
.ova-team .content .item-team .info .name-job .name a:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ova-team .content .item-team .info .name-job .job {
transition: all 0.3s ease;
margin: 0;
font-size: 14px;
line-height: 1.4;
text-transform: uppercase;
}