.profile-detail-hero {
width: 100%;
padding: 2.4rem 6.2rem;
}
.profile-detail-hero h1 {
font-size: 3.2rem;
line-height: 4rem;
font-weight: 600;
}
.profile-detail-hero h1 span {
font-size: 1.6rem;
font-weight: 500;
}
.profile-detail-hero p {
margin-top: 12px;
}
.citation-person-image {
width: 100%;
height: auto;
margin-left: auto;
display: block;
}
.citation-person-data {
padding: 1.4rem 1.4rem;
}
@media (max-width: 992px) {
.citation-person-data {
width: 100%;
}
}
.citation-person-data .heading {
font-size: 1.8rem;
font-weight: 800;
}
.citation-person-data .description {
font-size: 1.4rem;
padding: 4px 0;
}
.citation-person-data .person-contact-data-menu {
width: 100%;
padding: 4px 0;
}
.citation-person-data .person-contact-data-menu li {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 6px 0;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.citation-person-data .person-contact-data-menu li i {
color: var(--blue);
margin-right: 8px;
font-size: 1.8rem;
}
.citation-person-data .person-contact-data-menu li a {
color: var(--dark);
font-weight: 600;
margin-left: 1.4rem;
}
.citation-person-data .person-contact-data-menu li a:hover {
text-decoration: none;
}
.person-citation {
position: relative;
font-size: 2rem;
line-height: 3rem;
}
.person-citation svg {
position: absolute;
top: -40%;
left: -10px;
height: 80px;
width: 80px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 768px) {
.person-citation svg {
display: none;
}
}