.conversie-block {
max-width: 850px;
padding-right: 40px;
margin: 20px auto;
background-color: #134395;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.conversie-block h2 {
font-size: 2.7rem;
color: #FFF;
}
.conversie-block .row:first-child {
padding-top: 30px;
}
.conversie-block .row:last-child {
padding-bottom: 30px;
}
.conversie-block h2 {
border-bottom: 2px solid white;
margin-bottom: 35px;
}
.conversie-block img {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 9999px;
}
.conversie-block .job-title {
font-size: 1.3rem;
font-weight: 500;
color: #FFF;
}
.conversie-block .name {
font-weight: 900;
font-size: 1.7rem;
margin-bottom: 10px;
color: #FF9200;
}
.conversie-block .icons {
font-size: 2.4rem;
display: flex;
flex-wrap: wrap;
}
.conversie-block .icons a {
margin-top: 25px;
margin-bottom: 15px;
color: #FF9200;
}
.conversie-block .icons a:not(:last-child) {
margin-right: 25px;
}
.conversie-block .cta {
margin-top: 25px;
}
.conversie-block .cta p {
color: #FFF;
}
.conversie-block .row {
display: flex;
align-items: flex-end;
}
.conversie-block .btn.leesmeer {
width: 100%;
text-align: center;
}
.conversie-block .btn.leesmeer:not(:first-child) {
margin-top: 20px;
}
@media only screen and (max-width: 48em) {
.conversie-block {
clip-path: unset;
padding-right: unset;
}
.conversie-block h2 {
font-size: 2.4rem;
}
.conversie-block .row {
display: flex;
flex-direction: column;
}
.conversie-block .first-on-mobile {
order: -1;
}
.conversie-block img {
margin-bottom: 25px;
}
.conversie-block .buttons {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.conversie-block .btn.leesmeer {
width: 33%;
min-width: 115px;
}
.center-on-mobile {
display: flex;
flex-direction: column;
align-items: center;
}
.center-on-mobile * {
text-align: center;
}
}
.page-template-default .een_kolom, .page-template-show .een_kolom {
padding: 40px 0 15px 0!important;
}